/**
 * Majestic Before After Image - Main Stylesheet
 *
 * Replaces third-party twentytwenty.css + old mbai-elementor.css.
 * Pure CSS, no framework dependencies.
 *
 * Backwards compatibility: legacy .twentytwenty-* class names are kept as
 * aliases so custom CSS targeting v2 class names continues to work after
 * upgrading to v3. Both class names are output by the JS engine.
 *
 * @package MBAI
 */

/* ==========================================================================
   Core container & image layout
   ========================================================================== */

.mbai-before-after-wrap{width:100%;display:block;}

/* Alignment variants */
.mbai-align-wrap{display:block;width:100%;}
.mbai-align-wrap.mbai-align-left{text-align:left;}
.mbai-align-wrap.mbai-align-center{text-align:center;}
.mbai-align-wrap.mbai-align-right{text-align:right;}

.mbai-wrapper{display:block;line-height:0;width:100%;text-align:inherit;/* honour alignment from .mbai-align-wrap */}

.mbai-container{box-sizing:content-box;position:relative;display:inline-block;/* shrink-wrap to the before image so labels & divider match its size */ overflow:hidden;user-select:none;-webkit-user-select:none;z-index:0;max-width:100%;vertical-align:top;text-align:left;/* reset so inner content isn't affected by alignment */}

.mbai-container *{box-sizing:content-box;}

/* Before image stays in normal flow so the container takes its real size. */
.mbai-container img.mbai-before{display:block;max-width:100%;height:auto;position:relative;top:auto;left:auto;}

/* After image is overlaid on top, matching the before image's box. */
.mbai-container img.mbai-after{display:block;max-width:100%;height:auto;position:absolute;top:0;left:0;}

/* ==========================================================================
   Before / After image z-index
   ========================================================================== */

.mbai-before{z-index:20;}
.mbai-after{z-index:10;}

/* ==========================================================================
   Divider lines (::before / ::after pseudo-elements on the handle)
   ========================================================================== */

.mbai-horizontal .mbai-handle::before, .mbai-horizontal .mbai-handle::after, .mbai-vertical   .mbai-handle::before, .mbai-vertical   .mbai-handle::after{content:" ";display:block;background:white;position:absolute;z-index:30;box-shadow:0 0 12px rgba(51, 51, 51, 0.5);}

.mbai-horizontal .mbai-handle::before, .mbai-horizontal .mbai-handle::after{width:3px;height:9999px;left:50%;margin-left:-1.5px;}

.mbai-vertical .mbai-handle::before, .mbai-vertical .mbai-handle::after{width:9999px;height:3px;top:50%;margin-top:-1.5px;}

/* ==========================================================================
   Labels & Overlay
   ========================================================================== */

.mbai-before-label, .mbai-after-label, .mbai-overlay{position:absolute;top:0;width:100%;height:100%;}

.mbai-before-label, .mbai-after-label{transition:opacity 0.5s;opacity:0;z-index:26;/* above overlay (25) so labels are always clickable/visible */ pointer-events:none;}

.mbai-before-label::before, .mbai-after-label::before{content:attr(data-content);color:white;font-size:13px;letter-spacing:0.1em;position:absolute;background:rgba(0, 0, 0, 0.2);line-height:38px;padding:0 20px;border-radius:2px;}

/* Horizontal label positions */
.mbai-horizontal .mbai-before-label::before, .mbai-horizontal .mbai-after-label::before{top:50%;margin-top:-19px;}

.mbai-horizontal .mbai-before-label::before{left:10px;}
.mbai-horizontal .mbai-after-label::before{right:10px;}

/* Vertical label positions */
.mbai-vertical .mbai-before-label::before, .mbai-vertical .mbai-after-label::before{left:50%;margin-left:-45px;text-align:center;width:90px;}

.mbai-vertical .mbai-before-label::before{top:10px;}
.mbai-vertical .mbai-after-label::before{bottom:10px;}

/* Overlay */
.mbai-overlay{transition:background 0.5s;background:rgba(0, 0, 0, 0);z-index:25;}

/* Labels show on hover — triggered by hovering the container, not the overlay */
.mbai-container:hover .mbai-before-label, .mbai-container:hover .mbai-after-label{opacity:1;}

/* Overlay darkens on hover */
.mbai-overlay:hover, .mbai-container:hover .mbai-overlay.overlay-enabled{background:rgba(0, 0, 0, 0.5);}

/* Always-visible labels */
.mbai-labels-status-always .mbai-before-label, .mbai-labels-status-always .mbai-after-label{opacity:1;}

/* Hide labels while actively dragging */
.mbai-container.active .mbai-before-label, .mbai-container.active .mbai-after-label{opacity:0;}

/* Clear overlay background while dragging */
.mbai-container.active .mbai-overlay{background:rgba(0, 0, 0, 0) !important;}

/* Disabled overlay — no background at all */
.mbai-overlay.overlay-disabled{background:none !important;pointer-events:none;}

/* ==========================================================================
   Handle
   ========================================================================== */

.mbai-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;border-radius:1000px;box-shadow:0 0 12px rgba(51, 51, 51, 0.5);z-index:40;cursor:pointer;transform:translateZ(0);/* GPU layer */}

/* Divider offsets from handle centre */
.mbai-horizontal .mbai-handle::before{bottom:50%;margin-bottom:22px;box-shadow:0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);}
.mbai-horizontal .mbai-handle::after{top:50%;margin-top:22px;box-shadow:0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);}

.mbai-vertical .mbai-handle::before{left:50%;margin-left:22px;box-shadow:3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);}
.mbai-vertical .mbai-handle::after{right:50%;margin-right:22px;box-shadow:-3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);}

/* ==========================================================================
   Arrow indicators
   ========================================================================== */

.mbai-left-arrow, .mbai-right-arrow, .mbai-up-arrow, .mbai-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute;}

/* Horizontal arrows */
.mbai-left-arrow, .mbai-right-arrow{top:50%;margin-top:-6px;}

.mbai-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px;}

.mbai-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px;}

/* Vertical arrows */
.mbai-up-arrow, .mbai-down-arrow{left:50%;margin-left:-6px;}

.mbai-up-arrow{border-bottom:6px solid white;top:50%;margin-top:-17px;}

.mbai-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px;}

/* ==========================================================================
   Handle Styles (arrows)
   ========================================================================== */

/* Style 1 – default: white border, white arrows, no divider box-shadow */
.mbai-before-after-wrap.handle-type-arrows .mbai-horizontal .mbai-handle::before, .mbai-before-after-wrap.handle-type-arrows .mbai-horizontal .mbai-handle::after{box-shadow:none;}

/* Style 2 – white fill, dark arrows */
.mbai-before-after-wrap.handle-type-arrows.handle-style-2 .mbai-horizontal .mbai-handle, .mbai-before-after-wrap.handle-type-arrows.handle-style-2 .mbai-vertical   .mbai-handle{background-color:#fff;}

.mbai-before-after-wrap.handle-type-arrows.handle-style-2 .mbai-left-arrow{border-right-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-2 .mbai-right-arrow{border-left-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-2 .mbai-down-arrow{border-top-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-2 .mbai-up-arrow {border-bottom-color:#000;}

/* Style 3 – square handle */
.mbai-before-after-wrap.handle-type-arrows.handle-style-3 .mbai-horizontal .mbai-handle, .mbai-before-after-wrap.handle-type-arrows.handle-style-3 .mbai-vertical   .mbai-handle{border-radius:0;}

/* Style 4 – square + white fill + dark arrows */
.mbai-before-after-wrap.handle-type-arrows.handle-style-4 .mbai-horizontal .mbai-handle, .mbai-before-after-wrap.handle-type-arrows.handle-style-4 .mbai-vertical   .mbai-handle{border-radius:0;background-color:#fff;}

.mbai-before-after-wrap.handle-type-arrows.handle-style-4 .mbai-left-arrow{border-right-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-4 .mbai-right-arrow{border-left-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-4 .mbai-down-arrow{border-top-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-4 .mbai-up-arrow {border-bottom-color:#000;}

/* Style 5 – tall handle */
.mbai-before-after-wrap.handle-type-arrows.handle-style-5 .mbai-horizontal .mbai-handle       {height:70px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-5 .mbai-horizontal .mbai-handle::before{margin-bottom:38px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-5 .mbai-horizontal .mbai-handle::after{margin-top:38px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-5 .mbai-vertical   .mbai-handle       {width:70px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-5 .mbai-vertical   .mbai-handle::before{margin-left:35px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-5 .mbai-vertical   .mbai-handle::after{margin-right:35px;}

/* Style 6 – tall handle + white fill + dark arrows */
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-horizontal .mbai-handle, .mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-vertical   .mbai-handle{background-color:#fff;}

.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-left-arrow{border-right-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-right-arrow{border-left-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-down-arrow{border-top-color:#000;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-up-arrow {border-bottom-color:#000;}

.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-horizontal .mbai-handle       {height:70px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-horizontal .mbai-handle::before{margin-bottom:38px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-horizontal .mbai-handle::after{margin-top:38px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-vertical   .mbai-handle       {width:70px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-vertical   .mbai-handle::before{margin-left:35px;}
.mbai-before-after-wrap.handle-type-arrows.handle-style-6 .mbai-vertical   .mbai-handle::after{margin-right:35px;}

/* ==========================================================================
   Handle Type: Text
   ========================================================================== */

.mbai-before-after-wrap.handle-type-text .mbai-horizontal .mbai-handle::before, .mbai-before-after-wrap.handle-type-text .mbai-horizontal .mbai-handle::after{box-shadow:none;}

.mbai-before-after-wrap.handle-type-text .mbai-handle{background-color:#fff;height:50px;width:50px;margin-left:-28px;margin-top:-28px;}

.mbai-before-after-wrap.handle-type-text .mbai-handle-text{display:flex;justify-content:center;align-items:center;height:50px;border-radius:100%;text-align:center;}

.mbai-before-after-wrap.handle-type-text .mbai-handle::before, .mbai-before-after-wrap.handle-type-text .mbai-handle::after{z-index:-1;}

.mbai-before-after-wrap.handle-type-text .mbai-horizontal .mbai-handle::before{margin-bottom:28px;}
.mbai-before-after-wrap.handle-type-text .mbai-horizontal .mbai-handle::after{margin-top:28px;}
.mbai-before-after-wrap.handle-type-text .mbai-vertical   .mbai-handle::before{margin-left:28px;}
.mbai-before-after-wrap.handle-type-text .mbai-vertical   .mbai-handle::after{margin-right:28px;}

/* ==========================================================================
   Slider Colour (line, circle/handle & arrows)

   Default look is white (the base styles above). Adding .mbai-color-black to
   the wrap recolours the divider line, the handle circle border and the
   arrows to black. For the text handle the circle background and text colour
   are flipped so the text always stays readable:
     - white slider → white circle, black text
     - black slider → black circle, white text
   ========================================================================== */

/* ---- Black variant: arrows + line ---- */
.mbai-before-after-wrap.mbai-color-black .mbai-handle{border-color:#000;}

.mbai-before-after-wrap.mbai-color-black .mbai-horizontal .mbai-handle::before, .mbai-before-after-wrap.mbai-color-black .mbai-horizontal .mbai-handle::after, .mbai-before-after-wrap.mbai-color-black .mbai-vertical   .mbai-handle::before, .mbai-before-after-wrap.mbai-color-black .mbai-vertical   .mbai-handle::after{background:#000;}

/* Divider line continuation drawn either side of the handle. */
.mbai-before-after-wrap.mbai-color-black .mbai-horizontal .mbai-handle::before{box-shadow:0 3px 0 #000, 0 0 12px rgba(51, 51, 51, 0.5);}
.mbai-before-after-wrap.mbai-color-black .mbai-horizontal .mbai-handle::after{box-shadow:0 -3px 0 #000, 0 0 12px rgba(51, 51, 51, 0.5);}
.mbai-before-after-wrap.mbai-color-black .mbai-vertical   .mbai-handle::before{box-shadow:3px 0 0 #000, 0 0 12px rgba(51, 51, 51, 0.5);}
.mbai-before-after-wrap.mbai-color-black .mbai-vertical   .mbai-handle::after{box-shadow:-3px 0 0 #000, 0 0 12px rgba(51, 51, 51, 0.5);}

/* Keep arrow style 1 lines clean (no shadow) on the horizontal axis. */
.mbai-before-after-wrap.mbai-color-black.handle-type-arrows .mbai-horizontal .mbai-handle::before, .mbai-before-after-wrap.mbai-color-black.handle-type-arrows .mbai-horizontal .mbai-handle::after{box-shadow:none;}

/* Arrow glyphs. */
.mbai-before-after-wrap.mbai-color-black .mbai-left-arrow{border-right-color:#000;}
.mbai-before-after-wrap.mbai-color-black .mbai-right-arrow{border-left-color:#000;}
.mbai-before-after-wrap.mbai-color-black .mbai-up-arrow {border-bottom-color:#000;}
.mbai-before-after-wrap.mbai-color-black .mbai-down-arrow{border-top-color:#000;}

/* ---- Text handle: flip circle fill + text colour per variant ---- */
.mbai-before-after-wrap.handle-type-text.mbai-color-white .mbai-handle   {background-color:#fff;}
.mbai-before-after-wrap.handle-type-text.mbai-color-white .mbai-handle-text{color:#000;}
.mbai-before-after-wrap.handle-type-text.mbai-color-black .mbai-handle   {background-color:#000;}
.mbai-before-after-wrap.handle-type-text.mbai-color-black .mbai-handle-text{color:#fff;}

/* ==========================================================================
   Backwards-compatibility aliases — .twentytwenty-* → .mbai-*
   Sites upgrading from v2 with custom CSS targeting twentytwenty class names
   will continue to work without any changes on their end.
   ========================================================================== */

/* Map legacy wrapper/container names */
.twentytwenty-wrapper{display:block;line-height:0;}
.twentytwenty-container{box-sizing:content-box;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;z-index:0;}
.twentytwenty-container *{box-sizing:content-box;}
.twentytwenty-container img{max-width:100%;position:absolute;top:0;left:0;display:block;}

/* Image layers */
.twentytwenty-before{z-index:20;}
.twentytwenty-after{z-index:10;}

/* Overlay */
.twentytwenty-overlay{transition:background 0.5s;background:rgba(0,0,0,0);z-index:25;position:absolute;top:0;width:100%;height:100%;}
.twentytwenty-overlay:hover{background:rgba(0,0,0,0.5);}
.twentytwenty-overlay:hover .twentytwenty-before-label, .twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1;}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active .twentytwenty-overlay:hover{background:rgba(0,0,0,0);}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay:hover .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay:hover .twentytwenty-after-label{opacity:0;}
.twentytwenty-overlay.overlay-disabled{background:none !important;}

/* Labels */
.twentytwenty-before-label, .twentytwenty-after-label{position:absolute;top:0;width:100%;height:100%;transition:opacity 0.5s;opacity:0;z-index:26;pointer-events:none;}
.twentytwenty-before-label::before, .twentytwenty-after-label::before{content:attr(data-content);color:white;font-size:13px;letter-spacing:0.1em;position:absolute;background:rgba(0,0,0,0.2);line-height:38px;padding:0 20px;border-radius:2px;}
.twentytwenty-horizontal .twentytwenty-before-label::before, .twentytwenty-horizontal .twentytwenty-after-label::before{top:50%;margin-top:-19px;}
.twentytwenty-horizontal .twentytwenty-before-label::before{left:10px;}
.twentytwenty-horizontal .twentytwenty-after-label::before{right:10px;}
.twentytwenty-vertical .twentytwenty-before-label::before, .twentytwenty-vertical .twentytwenty-after-label::before{left:50%;margin-left:-45px;text-align:center;width:90px;}
.twentytwenty-vertical .twentytwenty-before-label::before{top:10px;}
.twentytwenty-vertical .twentytwenty-after-label::before{bottom:10px;}
.twentytwenty-container:hover .twentytwenty-before-label, .twentytwenty-container:hover .twentytwenty-after-label{opacity:1;}
.twentytwenty-labels-status-always .twentytwenty-before-label, .twentytwenty-labels-status-always .twentytwenty-after-label{opacity:1;}
.twentytwenty-container.active .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-after-label{opacity:0;}

/* Handle */
.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;border-radius:1000px;box-shadow:0 0 12px rgba(51,51,51,0.5);z-index:40;cursor:pointer;transform:translateZ(0);}
.twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-vertical   .twentytwenty-handle::before, .twentytwenty-vertical   .twentytwenty-handle::after{content:" ";display:block;background:white;position:absolute;z-index:30;box-shadow:0 0 12px rgba(51,51,51,0.5);}
.twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after{width:3px;height:9999px;left:50%;margin-left:-1.5px;}
.twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after{width:9999px;height:3px;top:50%;margin-top:-1.5px;}
.twentytwenty-horizontal .twentytwenty-handle::before{bottom:50%;margin-bottom:22px;box-shadow:0 3px 0 white, 0 0 12px rgba(51,51,51,0.5);}
.twentytwenty-horizontal .twentytwenty-handle::after{top:50%;margin-top:22px;box-shadow:0 -3px 0 white, 0 0 12px rgba(51,51,51,0.5);}
.twentytwenty-vertical .twentytwenty-handle::before{left:50%;margin-left:22px;box-shadow:3px 0 0 white, 0 0 12px rgba(51,51,51,0.5);}
.twentytwenty-vertical .twentytwenty-handle::after{right:50%;margin-right:22px;box-shadow:-3px 0 0 white, 0 0 12px rgba(51,51,51,0.5);}

/* Arrows */
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow{top:50%;margin-top:-6px;}
.twentytwenty-up-arrow, .twentytwenty-down-arrow{left:50%;margin-left:-6px;}
.twentytwenty-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px;}
.twentytwenty-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px;}
.twentytwenty-up-arrow {border-bottom:6px solid white;top:50%;margin-top:-17px;}
.twentytwenty-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px;}

/* Handle text */
.twentytwenty-handle-text{display:flex;justify-content:center;align-items:center;height:50px;border-radius:100%;text-align:center;}

/* ==========================================================================
   WooCommerce integration
   ========================================================================== */

.mbai-woo-wrap{margin-top:1em;}

.mbai-woo-wrap .mbai-before-after-wrap{width:100%;}

/* Gallery mode — sits in WooCommerce's product image column.
   Reset the float/margins so it fills the column cleanly and the summary
   column lines up beside it the same way the default gallery would. */
.mbai-woo-location-gallery{margin-top:0;margin-bottom:1.5em;float:none;}

.mbai-woo-location-gallery .mbai-before-after-wrap, .mbai-woo-location-gallery .mbai-container{max-width:100%;}

/* Let the chosen image size determine the display size (capped to the
   column width). We intentionally do NOT force width:100% here, otherwise a
   small size like "thumbnail" would be stretched to full width and blur. */
.mbai-woo-location-gallery .mbai-container{display:inline-block;}

/* Override WooCommerce/theme `.woocommerce-product-gallery img{width:100%}`    so our images render at their real (chosen) size instead of being stretched. */
.mbai-woo-location-gallery .mbai-container img.mbai-before, .mbai-woo-location-gallery .mbai-container img.mbai-after{width:auto;max-width:100%;height:auto;}

/* Alongside-gallery mode — injected as a slide inside the product gallery. */
.mbai-woo-location-alongside_gallery{margin:0;}

.mbai-woo-location-alongside_gallery .mbai-before-after-wrap, .mbai-woo-location-alongside_gallery .mbai-container{max-width:100%;}

/* Fill the gallery slide width, matching WooCommerce's own gallery images. */
.mbai-woo-location-alongside_gallery .mbai-container{display:block;width:100%;}

.mbai-woo-location-alongside_gallery .mbai-container img.mbai-before{width:100%;}

.mbai-woo-location-alongside_gallery .mbai-container img.mbai-after{max-width:none;}

/* Hide WooCommerce's zoom/lightbox trigger while our comparison slide is the
   active gallery slide (toggled from JS). */
.woocommerce-product-gallery.mbai-hide-zoom .woocommerce-product-gallery__trigger{display:none !important;}

/* ---- Decorated gallery thumbnail ----
   A single overlay div covers the comparison's nav thumbnail and shows the
   "before" image + "after" image split, with a divider and handle. Covering
   the whole thumbnail keeps hover behaviour uniform.
   Purely decorative — the thumbnail is just gallery navigation. */
.flex-control-thumbs li.mbai-gallery-thumb{position:relative;overflow:hidden;}

.mbai-thumb-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;/* Before image fills the whole overlay. */ background-image:var( --mbai-before-thumb );background-size:cover;background-position:center;/* Match WooCommerce's default thumbnail opacity (inactive = .5). */ opacity:0.5;}

/* Match WooCommerce: active or hovered thumbnail shows at full opacity. */
.flex-control-thumbs li img.flex-active ~ .mbai-thumb-overlay,
.flex-control-thumbs li:hover .mbai-thumb-overlay{opacity:1;}

/* ---- Horizontal split: after image on the right half ---- */
.mbai-thumb-overlay--split.mbai-thumb-overlay--horizontal::before{content:"";position:absolute;top:0;bottom:0;left:50%;right:0;background-image:var( --mbai-after-thumb );background-size:cover;background-position:right center;border-left:2px solid #fff;box-shadow:-1px 0 3px rgba(0, 0, 0, 0.5);}

/* ---- Vertical split: after image on the bottom half ---- */
.mbai-thumb-overlay--split.mbai-thumb-overlay--vertical::before{content:"";position:absolute;left:0;right:0;top:50%;bottom:0;background-image:var( --mbai-after-thumb );background-size:cover;background-position:center bottom;border-top:2px solid #fff;box-shadow:0 -1px 3px rgba(0, 0, 0, 0.5);}

/* Handle circle in the centre (both orientations). */
.mbai-thumb-overlay::after{content:"";position:absolute;top:50%;left:calc( 50% + 1px );width:18px;height:18px;margin:0;transform:translate( -50%, -50% );border:2px solid #fff;border-radius:50%;background:rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.6);box-sizing:border-box;}

/* Tiny arrow glyphs inside the handle circle. */
.mbai-thumb-handle-arrows{position:absolute;top:50%;left:calc( 50% + 1px );transform:translate( -50%, -50% );z-index:3;display:flex;align-items:center;gap:4px;pointer-events:none;}

.mbai-thumb-handle-arrows span{width:0;height:0;border:2.5px solid transparent;}

.mbai-thumb-handle-arrows .mbai-thumb-arrow-left{border-right-color:#fff;}
.mbai-thumb-handle-arrows .mbai-thumb-arrow-right{border-left-color:#fff;}

/* Vertical orientation: stack arrows and point up / down. */
.mbai-thumb-handle-arrows--vertical{flex-direction:column;}
.mbai-thumb-handle-arrows .mbai-thumb-arrow-up{border-bottom-color:#fff;}
.mbai-thumb-handle-arrows .mbai-thumb-arrow-down{border-top-color:#fff;}

/* Black variant arrows. */
.mbai-thumb-overlay--black .mbai-thumb-handle-arrows .mbai-thumb-arrow-left{border-right-color:#000;}
.mbai-thumb-overlay--black .mbai-thumb-handle-arrows .mbai-thumb-arrow-right{border-left-color:#000;}
.mbai-thumb-overlay--black .mbai-thumb-handle-arrows .mbai-thumb-arrow-up {border-bottom-color:#000;}
.mbai-thumb-overlay--black .mbai-thumb-handle-arrows .mbai-thumb-arrow-down{border-top-color:#000;}

/* No after image: show a plain centred divider line over the before image. */
.mbai-thumb-overlay--horizontal:not(.mbai-thumb-overlay--split)::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.6);}

.mbai-thumb-overlay--vertical:not(.mbai-thumb-overlay--split)::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.6);}

/* ---- Black slider colour variant for the decorated gallery thumbnail ---- */
.mbai-thumb-overlay--black.mbai-thumb-overlay--split.mbai-thumb-overlay--horizontal::before{border-left-color:#000;box-shadow:-1px 0 3px rgba(255, 255, 255, 0.5);}

.mbai-thumb-overlay--black.mbai-thumb-overlay--split.mbai-thumb-overlay--vertical::before{border-top-color:#000;box-shadow:0 -1px 3px rgba(255, 255, 255, 0.5);}

.mbai-thumb-overlay--black::after{border-color:#000;box-shadow:0 0 3px rgba(255, 255, 255, 0.6);}

.mbai-thumb-overlay--black.mbai-thumb-overlay--horizontal:not(.mbai-thumb-overlay--split)::before,
.mbai-thumb-overlay--black.mbai-thumb-overlay--vertical:not(.mbai-thumb-overlay--split)::before{background:#000;box-shadow:0 0 3px rgba(255, 255, 255, 0.6);}/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*//*
Theme Name: AER Skinlab
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/
:root{
  --bone:#F1F3EE; --bone-2:#E8ECE3; --mist:#FBFCFA;
  --ink:#16271E; --ink-soft:#44564B; --ink-faint:#7E8C82;
  --green:#5F7A64; --green-deep:#3C5645;
  --line:#D9DDD1;
  --ir-1:#BFE9DD; --ir-2:#CFE0F4; --ir-3:#E4D2F2; --ir-4:#F7D7E2; --ir-5:#F4E9CC;
  --iridescence:linear-gradient(112deg,var(--ir-1) 0%,var(--ir-2) 24%,var(--ir-3) 48%,var(--ir-4) 70%,var(--ir-5) 88%,var(--ir-2) 100%);
  --dawn:linear-gradient(135deg,#FCE3D1 0%,#F8CCD8 26%,#E4CEEF 54%,#C6E4EE 80%,#D9F0E6 100%);
  --dawn-soft:linear-gradient(120deg,#FBE4D2,#F7CEDA 45%,#E7D6EC 80%);
  --measure:1240px; --r:2px; --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bone);color:var(--ink);font-family:"Jost",system-ui,sans-serif;font-weight:400;line-height:1.7;font-size:16.5px;letter-spacing:.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}
body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.wrap{max-width:var(--measure);margin:0 auto;padding:0 32px;position:relative;z-index:1}
.serif{font-family:"Fraunces",Georgia,serif;font-weight:300;font-optical-sizing:auto;letter-spacing:-.012em}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:300;font-optical-sizing:auto;line-height:1.05;letter-spacing:-.015em}
.eyebrow{font-family:"Jost";font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--green)}
@keyframes drift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes sheen{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(5%,-7%) scale(1.14)}}
.irid-text{background:var(--iridescence);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:drift 14s linear infinite}
.irid-rule{height:2px;background:var(--iridescence);background-size:200% 100%;animation:drift 13s linear infinite;border:none}
.irid-rule.center{max-width:var(--measure);margin:0 auto}
.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.aurora b{position:absolute;display:block;border-radius:50%;filter:blur(64px);opacity:.62;animation:blob 19s var(--ease) infinite}
.aurora .a1{width:48%;height:62%;left:-8%;top:-14%;background:radial-gradient(circle,var(--ir-1),transparent 67%)}
.aurora .a2{width:52%;height:66%;right:-10%;top:4%;background:radial-gradient(circle,#F7D7E2,transparent 67%);animation-delay:-6s}
.aurora .a3{width:44%;height:56%;left:22%;bottom:-18%;background:radial-gradient(circle,#FCE3D1,transparent 67%);animation-delay:-11s}
.aurora .a4{width:40%;height:52%;right:18%;bottom:-12%;background:radial-gradient(circle,var(--ir-2),transparent 67%);animation-delay:-15s}
/* cinematic image frame — colourful even before/without a photo */
.cframe{position:relative;overflow:hidden;background:var(--dawn);background-size:160% 160%;isolation:isolate}
.cframe::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(60% 80% at 18% 22%,rgba(255,206,170,.7),transparent 60%),radial-gradient(72% 92% at 86% 82%,rgba(180,222,238,.7),transparent 60%),radial-gradient(50% 60% at 70% 12%,rgba(232,206,239,.6),transparent 62%);mix-blend-mode:screen}
.cframe>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1.1s var(--ease)}
.cframe>img.loaded{opacity:1}
.cframe .grade{position:absolute;inset:0;z-index:2;background:var(--iridescence);background-size:240% 100%;mix-blend-mode:soft-light;opacity:.42;animation:drift 26s linear infinite;pointer-events:none}
.skin-ribbon{position:relative;z-index:60;display:block;width:100%;background:var(--iridescence);background-size:220% 100%;animation:drift 18s linear infinite;border-bottom:1px solid rgba(255,255,255,.55);overflow:hidden}
.skin-ribbon .inner{max-width:var(--measure);margin:0 auto;padding:9px 32px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#2e3a31}
.skin-ribbon .inner b{font-weight:600;letter-spacing:.24em}
.skin-ribbon .go{display:inline-flex;align-items:center;gap:6px;transition:gap .3s var(--ease)}
.skin-ribbon:hover .go{gap:12px}
.skin-ribbon .star{font-size:10px;opacity:.65}
.skin-ribbon::after{content:"";position:absolute;top:0;left:0;height:100%;width:36%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);animation:sheen 7s var(--ease) infinite}
.head{position:sticky;top:0;z-index:50;background:rgba(241,243,238,0);transition:background .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}
.head.solid{background:rgba(241,243,238,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.navrow{max-width:var(--measure);margin:0 auto;padding:0 32px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;height:26px}
.brand img{height:24px;width:auto;display:block}
.brand .lg-black{display:none}
.head.solid .brand .lg-white{display:none}
.head.solid .brand .lg-black{display:block}
.nav{display:flex;align-items:center;gap:2px}
.nav>li{position:relative;list-style:none}
.nav .top{display:inline-flex;align-items:center;gap:5px;padding:10px 13px;font-size:12.5px;font-weight:400;letter-spacing:.04em;color:#fff;border-radius:var(--r);transition:color .25s;white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.32)}
.head.solid .nav .top{color:var(--ink);text-shadow:none}
.nav .top .chev{width:7px;height:7px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform .3s var(--ease)}
.nav>li:hover .top{color:var(--ir-2)}
.head.solid .nav>li:hover .top{color:var(--green)}
.nav>li:hover .top .chev{transform:rotate(225deg) translateY(2px)}
.mega{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(10px);background:var(--mist);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 30px 70px -30px rgba(22,39,30,.3);padding:28px 32px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease)}
.mega::before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}
.mega::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--iridescence);background-size:200% 100%;animation:drift 10s linear infinite;border-radius:var(--r) var(--r) 0 0}
.nav>li:hover .mega,.nav>li:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-cols{display:grid;gap:28px}
.mega h4{font-family:"Jost";font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.mega a.li{display:block;font-size:13px;color:var(--ink-soft);padding:5px 0;transition:color .2s,padding-left .2s var(--ease)}
.mega a.li:hover{color:var(--ink);padding-left:8px}
.mega-narrow{width:290px}
.mega-mid{width:540px}.mega-mid .mega-cols{grid-template-columns:repeat(2,1fr)}
.mega-wide{width:760px}.mega-wide .mega-cols{grid-template-columns:repeat(2,1fr)}
.head-cta{display:flex;align-items:center;gap:14px}
.acct{font-size:12px;color:#fff;letter-spacing:.04em;transition:color .2s;text-shadow:0 1px 12px rgba(0,0,0,.32)}
.head.solid .acct{color:var(--ink-soft);text-shadow:none}
.acct:hover{color:var(--ir-2)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:"Jost";font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:13px 24px;border-radius:var(--r);transition:all .3s var(--ease);white-space:nowrap}
.btn-dark{background:var(--ink);color:var(--bone)}.btn-dark:hover{background:var(--green-deep);transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--bone)}
.btn-light{border:1px solid rgba(255,255,255,.7);color:#fff;backdrop-filter:blur(4px)}.btn-light:hover{background:#fff;color:var(--ink)}
.burger{display:none;flex-direction:column;gap:5px;padding:8px}
.burger span{width:22px;height:1.5px;background:#fff;transition:.3s var(--ease)}
.head.solid .burger span{background:var(--ink)}
.hero{position:relative;height:92vh;min-height:600px;max-height:980px;overflow:hidden;background:#cdd2c8 center/cover no-repeat}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-video{z-index:1}
.hero .dawn{position:absolute;inset:0;z-index:2;background:var(--dawn);background-size:200% 200%;mix-blend-mode:overlay;opacity:.4;animation:drift 30s linear infinite;pointer-events:none}
.hero .holo{position:absolute;inset:0;z-index:2;background:var(--iridescence);background-size:240% 100%;mix-blend-mode:soft-light;opacity:.5;animation:drift 26s linear infinite;pointer-events:none}
.hero .scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(15,24,18,.36) 0%,rgba(15,24,18,0) 26%,rgba(15,24,18,0) 50%,rgba(15,24,18,.52) 100%)}
.hero .bars{position:absolute;left:0;right:0;height:50px;background:rgba(14,20,15,.5);z-index:4}
.hero .bars.top{top:0}.hero .bars.bot{bottom:0}
.hero-content{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 92px}
.hero-inner{max-width:var(--measure);margin:0 auto;padding:0 32px;width:100%;color:#fff}
.hero .kicker{font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:22px}
.hero h1{font-size:clamp(44px,8vw,104px);line-height:.98;color:#fff;text-shadow:0 2px 44px rgba(0,0,0,.3)}
.hero h1 em{font-style:italic;font-weight:300}
.hero p.lede{margin-top:22px;max-width:540px;font-size:17px;color:rgba(255,255,255,.95);font-weight:300}
.hero .actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.hero .coords{position:absolute;right:32px;bottom:96px;z-index:5;font-size:11px;letter-spacing:.3em;color:rgba(255,255,255,.72);writing-mode:vertical-rl;text-transform:uppercase}
/* AE.R SKIN cinematic portal */
.portal{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff}
.portal>.cframe{position:absolute;inset:0;z-index:0}
.portal .pscrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(18,28,22,.4),rgba(18,28,22,.18) 40%,rgba(18,28,22,.5))}
.portal .pveil{position:absolute;inset:0;z-index:2;background:var(--iridescence);background-size:260% 100%;mix-blend-mode:overlay;opacity:.5;animation:drift 24s linear infinite}
.portal-inner{position:relative;z-index:3;padding:90px 32px;max-width:760px}
.portal .tag{font-size:11px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.portal .skinmark{height:clamp(46px,8vw,86px);width:auto;margin:22px auto 0;filter:drop-shadow(0 6px 30px rgba(0,0,0,.4))}
.portal p{max-width:520px;margin:22px auto 32px;color:rgba(255,255,255,.95);font-size:17px;font-weight:300}
.portal .enter{display:inline-flex;align-items:center;gap:10px;padding:15px 38px;border-radius:var(--r);background:#fff;color:var(--ink);font-family:"Jost";font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:all .35s var(--ease)}
.portal .enter:hover{gap:18px;transform:translateY(-2px);box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}
.pad{padding:110px 0;position:relative}
.pad-sm{padding:78px 0;position:relative}
.alt{background:var(--bone-2)}
.mist-bg{background:var(--mist)}
.section-head{max-width:760px;margin-bottom:54px}
.section-head h2{font-size:clamp(32px,4.6vw,56px);margin:16px 0 0}
.section-head p{margin-top:18px;color:var(--ink-soft);font-size:17px;font-weight:300}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.intro-copy h2{font-size:clamp(30px,4vw,48px)}
.intro-copy p{margin-top:20px;color:var(--ink-soft);font-weight:300;font-size:16.5px}
.intro-copy .pull{font-family:"Fraunces";font-style:italic;font-weight:300;font-size:22px;color:var(--ink);line-height:1.45;margin-top:28px;padding-left:22px;border-left:2px solid var(--green)}
.intro-figure{position:relative;aspect-ratio:4/5;border-radius:var(--r)}
/* full-bleed cinematic promise band */
.promise{position:relative;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.promise>.cframe{position:absolute;inset:0;z-index:0}
.promise .pscrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(15,24,18,.1),rgba(15,24,18,0) 30%,rgba(15,24,18,.62))}
.promise .pc{position:relative;z-index:3;max-width:var(--measure);margin:0 auto;padding:0 32px 84px;width:100%}
.promise h2{font-size:clamp(34px,6vw,76px);color:#fff;max-width:16ch;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.promise h2 em{font-style:italic}
.promise p{margin-top:20px;max-width:480px;color:rgba(255,255,255,.94);font-weight:300;font-size:17px}
.promise .actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:44px}
.tab{padding:14px 22px;font-family:"Jost";font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--ink-faint);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .25s,border-color .25s}
.tab.active{color:var(--ink);border-bottom-color:var(--green)}
.tab:hover{color:var(--ink)}
.panel{display:none}.panel.active{display:block;animation:fade .5s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}
.col h3{font-family:"Jost";font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--line);position:relative}
.col h3::after{content:"";position:absolute;bottom:-1px;left:0;width:34px;height:2px;background:var(--green)}
.col a{display:block;font-size:14px;color:var(--ink-soft);padding:6px 0;transition:color .2s,transform .2s var(--ease)}
.col a:hover{color:var(--green-deep);transform:translateX(5px)}
/* moments gallery strip */
.moments{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.moment{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden}
.moment .cap{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:18px 16px;color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;background:linear-gradient(0deg,rgba(15,24,18,.6),transparent)}
.moment .pscrim{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(15,24,18,.3))}
.chip-grid{display:flex;flex-wrap:wrap;gap:12px}
.chip{display:inline-flex;align-items:center;padding:11px 19px;border:1px solid var(--line);border-radius:40px;font-size:14px;color:var(--ink-soft);background:var(--mist);transition:all .28s var(--ease)}
.chip:hover{border-color:transparent;color:var(--ink);background:var(--iridescence);background-size:200% 100%;animation:drift 8s linear infinite;transform:translateY(-2px)}
/* results band */
.result{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:520px}
.result .rimg{position:relative}
.result .rimg .cframe{position:absolute;inset:0}
.result .rcopy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(32px,6vw,90px);background:var(--dawn-soft);background-size:200% 200%}
.result .stars{color:var(--green);letter-spacing:.3em;font-size:13px}
.result blockquote{font-family:"Fraunces";font-weight:300;font-style:italic;font-size:clamp(24px,3.4vw,38px);line-height:1.3;color:var(--ink);margin:20px 0 24px}
.result cite{font-style:normal;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}
.arch{position:relative;overflow:hidden}
.arch h2{font-size:clamp(30px,4.4vw,54px);max-width:920px;margin-top:18px;font-weight:300}
.arch h2 em{font-style:italic}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:56px}
.quote{font-family:"Fraunces";font-weight:300;font-style:italic;font-size:17px;line-height:1.5;color:var(--ink-soft);padding-top:22px;border-top:1px solid var(--line)}
.press{display:flex;flex-wrap:wrap;align-items:center;gap:46px;margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}
.press img{height:26px;width:auto;opacity:.55;filter:saturate(0);transition:opacity .3s}
.press img:hover{opacity:.95}
.jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.jcard{display:block;border:1px solid var(--line);border-radius:var(--r);background:var(--mist);transition:all .35s var(--ease);position:relative;overflow:hidden}
.jcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--iridescence);background-size:200% 100%;opacity:0;transition:opacity .35s;animation:drift 10s linear infinite}
.jcard:hover::before{opacity:1}
.jcard .jbody{padding:34px 30px 36px}
.jcard .num{font-family:"Fraunces";font-size:30px;color:var(--ink-faint);font-weight:300}
.jcard h3{font-size:22px;margin:14px 0 0;color:var(--ink)}
.jcard .read{margin-top:22px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.jcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(22,39,30,.26)}
/* FAQ */
.faq{max-width:880px;margin:0 auto}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 4px;text-align:left;font-family:"Fraunces";font-size:clamp(19px,2.3vw,24px);font-weight:300;color:var(--ink)}
.faq-q .pm{font-size:22px;color:var(--green);transition:transform .3s var(--ease)}
.faq-item.open .faq-q .pm{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-a p{padding:0 4px 26px;color:var(--ink-soft);font-weight:300;max-width:70ch}
.shop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:8px}
.shop-grid a{padding:18px 16px;border:1px solid var(--line);border-radius:var(--r);text-align:center;font-size:13px;font-weight:400;color:var(--ink-soft);background:var(--mist);transition:all .28s var(--ease)}
.shop-grid a:hover{color:var(--ink);border-color:var(--green);transform:translateY(-2px)}
.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}
.member-card{border:1px solid var(--line);border-radius:var(--r);padding:56px 50px;position:relative;overflow:hidden;background:var(--mist)}
.member-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--iridescence);background-size:200% 100%;animation:drift 12s linear infinite}
.member-card h2{font-size:clamp(28px,3.6vw,42px)}
.member-card h3{font-size:26px}
.member-card p{color:var(--ink-soft);margin-top:16px;font-weight:300}
.member-card.feature{background:var(--dawn-soft);background-size:200% 200%}
.member-card form{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}
.member-card input{flex:1;min-width:200px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);font-family:inherit;font-size:14px;background:var(--mist);color:var(--ink)}
.member-card input:focus{outline:none;border-color:var(--green)}
footer{background:var(--ink);color:#CAD2C9;padding:84px 0 40px;position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--iridescence);background-size:200% 100%;animation:drift 14s linear infinite}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px}
footer .flogo{height:30px;width:auto;margin-bottom:18px}
footer p{font-size:14px;color:rgba(202,210,201,.78);font-weight:300;line-height:1.7}
footer h5{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(202,210,201,.5);margin-bottom:18px}
footer ul{list-style:none}footer ul li{margin-bottom:11px}
footer ul a{font-size:14px;color:rgba(202,210,201,.84);transition:color .2s}
footer ul a:hover{color:#fff}
footer a.line{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}
.social{display:flex;gap:18px;margin-top:22px}
.social a{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(202,210,201,.7);transition:color .2s}
.social a:hover{color:#fff}
.ffamily{max-width:var(--measure);margin:40px auto 0;padding:30px 32px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ffamily img{height:22px;width:auto;opacity:.9}
.ffamily span{font-size:12.5px;color:rgba(202,210,201,.7);letter-spacing:.04em}
.fbar{max-width:var(--measure);margin:24px auto 0;padding:22px 32px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12.5px;color:rgba(202,210,201,.6)}
.fbar a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.mobile{position:fixed;inset:0;z-index:80;background:var(--bone);transform:translateX(100%);transition:transform .45s var(--ease);overflow-y:auto;padding:90px 0 60px;visibility:hidden}
.mobile.open{transform:none;visibility:visible}
.mobile .mclose{position:absolute;top:24px;right:26px;font-size:28px;line-height:1;color:var(--ink)}
.mobile .macc{border-bottom:1px solid var(--line)}
.mobile .mtop{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;font-family:"Fraunces";font-size:21px;font-weight:300;text-align:left;color:var(--ink)}
.mobile .mtop .pm{font-size:20px;color:var(--ink-faint);transition:transform .3s}
.mobile .macc.open .mtop .pm{transform:rotate(45deg)}
.mobile .mbody{display:none;padding:0 32px 22px}
.mobile .macc.open .mbody{display:block}
.mobile .mbody h6{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin:16px 0 8px}
.mobile .mbody a{display:block;padding:7px 0;font-size:15px;color:var(--ink-soft)}
.mobile .mfoot{padding:30px 32px 0;display:flex;flex-direction:column;gap:12px}
@media(max-width:1080px){
  .nav,.acct{display:none}.burger{display:flex}
.intro-grid{grid-template-columns:1fr;gap:44px}
.cols{grid-template-columns:repeat(2,1fr);gap:30px}
.quotes{grid-template-columns:1fr 1fr}
.moments{grid-template-columns:repeat(2,1fr)}
.result{grid-template-columns:1fr}.result .rimg{min-height:380px}
.shop-grid{grid-template-columns:repeat(3,1fr)}
.member-grid{grid-template-columns:1fr}
.jgrid{grid-template-columns:1fr 1fr}
.fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .wrap{padding:0 22px}.pad{padding:74px 0}
.jgrid{grid-template-columns:1fr}.quotes{grid-template-columns:1fr}
.moments{grid-template-columns:1fr 1fr}
.shop-grid{grid-template-columns:repeat(2,1fr)}
.member-card{padding:40px 28px}
.fgrid{grid-template-columns:1fr}
.hero{height:86vh}.hero .bars{height:32px}.hero .coords{display:none}
.skin-ribbon .inner{font-size:10.5px;letter-spacing:.1em}.skin-ribbon .star{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cframe>img{opacity:1}}

/* ============================================================
   v5 OVERRIDES — contrast · iridescence · reviews · galleries · footer
   ============================================================ */

/* —— header legibility over the hero —— */
.head{position:sticky}
.head::before{content:"";position:absolute;left:0;right:0;top:0;height:230%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,17,13,.62) 0%,rgba(10,17,13,.32) 46%,rgba(10,17,13,0) 100%);opacity:1;transition:opacity .4s var(--ease)}
.head.solid::before{opacity:0}
.head .navrow{position:relative;z-index:1}
.skin-ribbon .inner{color:#1f2a23}
.nav .top{font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6),0 2px 18px rgba(0,0,0,.45)}
.acct{text-shadow:0 1px 2px rgba(0,0,0,.6)}
.brand .lg-white{filter:drop-shadow(0 1px 10px rgba(0,0,0,.55))}
.btn-light{border-color:rgba(255,255,255,.9)}
.burger span{box-shadow:0 1px 3px rgba(0,0,0,.4)}
.hero .scrim{background:linear-gradient(180deg,rgba(11,18,14,.5) 0%,rgba(11,18,14,.14) 24%,rgba(11,18,14,0) 48%,rgba(11,18,14,.56) 100%)}
/* —— more iridescence —— */
.cframe .grade{opacity:.5}
.promise::after,.portal::after,.result::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:6;background:var(--iridescence);background-size:200% 100%;animation:drift 13s linear infinite;pointer-events:none}
.result{position:relative}
.result .stars{background:var(--iridescence);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:drift 14s linear infinite}
.member-card.feature::after,.chip:hover{}
.section-head .eyebrow{color:transparent;background:var(--iridescence);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:drift 15s linear infinite}
/* —— AE.R SKIN portal: taller so the products read —— */
.portal{min-height:clamp(660px,82vh,900px)}
.portal .skinmark{height:clamp(50px,8.4vw,92px)}
/* —— Inside AE.R: taller cinematic band for the full building —— */
.promise.tall{min-height:clamp(680px,88vh,940px)}
/* —— reviews carousel —— */
.rrot{position:relative;min-height:230px}
.rrev{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(48px);transition:opacity 1s var(--ease),transform 1s var(--ease);pointer-events:none}
.rrev.on{position:relative;opacity:1;transform:none;pointer-events:auto}
.rrev.leaving{position:absolute;opacity:0;transform:translateX(-48px)}
.rmeta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:6px}
.rdots{display:flex;gap:8px}
.rdot{width:7px;height:7px;padding:0;border-radius:50%;background:rgba(22,39,30,.2);cursor:pointer;transition:width .35s var(--ease),background .35s}
.rdot.on{width:24px;border-radius:5px;background:var(--iridescence);background-size:200% 100%;animation:drift 8s linear infinite}
/* —— "What's happening" filmstrip —— */
.happening{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.happening .moment{aspect-ratio:4/5;scroll-snap-align:start}
.happening::-webkit-scrollbar{height:6px}
.happening::-webkit-scrollbar-track{background:transparent}
.happening::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
@media(max-width:680px){.happening{grid-auto-columns:80%}}

/* —— footer: no green, iridescent accents only —— */
footer{background:#181A1B;color:#D5D7D2}
footer::before{height:2px}
footer p{color:rgba(213,215,210,.78)}
footer h5{color:rgba(213,215,210,.5)}
footer ul a{color:rgba(213,215,210,.85)}
footer ul a:hover{color:#fff}
footer a.line{color:#fff;border-bottom-color:rgba(255,255,255,.32)}
.social a{color:rgba(213,215,210,.72)}
.social a:hover{color:#fff}
.ffamily span{color:rgba(213,215,210,.66)}
.fbar{color:rgba(213,215,210,.6)}
.fbar a:hover{color:#fff}
/* ============================================================
   v7 — iridescent interactions + ritual banner
   ============================================================ */

/* every clickable rectangle animates the iridescent tideline on hover/focus */
.btn-dark:hover,.btn-ghost:hover,.btn-light:hover,
.btn-dark:focus-visible,.btn-ghost:focus-visible,.btn-light:focus-visible,
.portal .enter:hover,.portal .enter:focus-visible{background-color:transparent;background-image:var(--iridescence);background-size:220% 100%;animation:drift 6s linear infinite;color:var(--ink)!important;border-color:transparent;transform:translateY(-1px);box-shadow:0 16px 38px -20px rgba(22,39,30,.45)}
.shop-grid a:hover,.shop-grid a:focus-visible{background-color:transparent;background-image:var(--iridescence);background-size:220% 100%;animation:drift 7s linear infinite;color:var(--ink);border-color:transparent;transform:translateY(-2px)}
.jcard:hover{background-color:transparent;background-image:var(--iridescence);background-size:240% 100%;animation:drift 9s linear infinite}
.jcard:hover .num,.jcard:hover h3{color:var(--ink)}
.jcard:hover .read{color:var(--ink)}
.faq-q:hover{background-image:var(--iridescence);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:drift 9s linear infinite}
.faq-q:hover .pm{-webkit-text-fill-color:initial}
.member-card form button:hover{background-color:transparent;background-image:var(--iridescence);background-size:220% 100%;animation:drift 6s linear infinite;color:var(--ink)!important}
.acct:hover{background:var(--iridescence);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:drift 10s linear infinite}
/* "Take the ritual home" product banner */
.ritual-banner{position:relative;margin-bottom:30px;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9}
.ritual-banner .cframe{position:absolute;inset:0}
.ritual-banner::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:6;background:var(--iridescence);background-size:200% 100%;animation:drift 13s linear infinite;pointer-events:none}
@media(max-width:680px){.ritual-banner{aspect-ratio:16/10}}


/* gallery tiles: cframe must fill the aspect-ratio'd tile */
.moments .moment .cframe{position:absolute;inset:0}
.moments .moment .grade{opacity:.3}
/* AE.R SKIN portal — slow crossfade from the EX:FOLIA jar into the beach shoot */
.portal-cf .pf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:none}
.portal-cf .pf-a{object-position:center 50%;animation:pfA 16s ease-in-out infinite}
.portal-cf .pf-b{object-position:center 44%;animation:pfB 16s ease-in-out infinite}
@keyframes pfA{0%{opacity:1}22%{opacity:1}38%{opacity:0}88%{opacity:0}100%{opacity:1}}
@keyframes pfB{0%{opacity:0}22%{opacity:0}38%{opacity:1}88%{opacity:1}100%{opacity:0}}
.portal-cf .grade{z-index:1}
@media(prefers-reduced-motion:reduce){.portal-cf .pf-a{animation:none;opacity:0}.portal-cf .pf-b{animation:none;opacity:1}}
/* clickable Moments tiles */
.moments .moment{display:block;cursor:pointer}
.moments .moment .grade{transition:opacity .5s var(--ease)}
.moments .moment:hover .grade{opacity:.5}

/* Moments — clean uniform Instagram cover grid (image only, equal size, no frames) */
.moments-clean{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.moments-clean .mtile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:var(--mist)}
.moments-clean .mtile img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s var(--ease),transform .7s var(--ease)}
.moments-clean .mtile img.shown{opacity:1}
.moments-clean .mtile:hover img{transform:scale(1.045)}
@media(max-width:1024px){.moments-clean{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.moments-clean{grid-template-columns:repeat(2,1fr);gap:6px}}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentcolor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentcolor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li ul a{color:#333}.site-navigation ul.menu li ul a:focus,.site-navigation ul.menu li ul a:hover{color:#222}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;inset-block-start:100%;inset-inline-start:0;max-width:calc(100vw - 2rem);min-width:150px;position:absolute;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{inset-block-start:0;inset-inline-start:100%}.site-navigation ul.menu li:last-child>ul,.site-navigation ul.menu li:nth-last-child(2)>ul{inset-inline-end:0;inset-inline-start:auto}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px) and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}.se-modal-wrapper{display:none}.se-blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:99999;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,.75);text-align:center}.se-blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}.se-blocker.se-behind{background-color:transparent}.se-modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:1540px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(100% - 120px);background:#fff;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.se-modal:after,.se-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;z-index:1}.se-modal:after{top:50%;left:50%;width:40px;height:40px;border:4px solid #212121;border-top-color:#3498db;border-radius:50%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.se-modal.se-loaded:after,.se-modal.se-loaded:before{opacity:0;visibility:hidden}.se-modal-inner{height:100%;overflow:auto}.se-modal>iframe{width:100%;height:100%;border-width:0}.se-modal a.se-close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);z-index:2}.se-modal-spinner{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.se-modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:se-sk-stretchdelay 1.2s infinite ease-in-out;animation:se-sk-stretchdelay 1.2s infinite ease-in-out}.se-modal-spinner .se-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.se-modal-spinner .se-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.se-modal-spinner .se-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}@media screen and (min-width:1025px){.se-modal{width:90%}}@-webkit-keyframes se-sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes se-sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}/*! This file is auto-generated */
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:32px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.72727273;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.72727273;min-height:32px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;margin:0;padding:0 5px;vertical-align:top;min-height:32px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:var(--wp-admin-theme-color,#3858e9);border-style:solid;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}/* empty */.shopengine-wishlist{text-align:left;cursor:pointer}.shopengine-wishlist.badge{padding:6px 5px;margin-left:4px}.shopengine-wishlist.badge:focus{outline:0;background:inherit}.shopengine-wishlist.badge.active,.woocommerce .products .product .shopengine-wishlist.badge.active{color:#f03d3f}.shopengine-wishlist.badge.active .shopengine-icon-add_to_favourite_1::before,.woocommerce .products .product .shopengine-wishlist.badge.active .shopengine-icon-add_to_favourite_1::before{content:"\e907"}.shopengine-wishlist .shopengine-remove-action{color:#f03d3f;font-weight:700;font-size:1.2em;cursor:pointer}.shopengine-wishlist td:last-child,.shopengine-wishlist th:last-child{text-align:center}.parent-notification{position:fixed;right:-372px;bottom:10px;-webkit-transition:all .8s;transition:all .8s;z-index:99999}.parent-notification .shopengine-wishlist-message{background-color:#d4edda;padding:15px 25px;color:#28a745;border-style:solid;border-color:#28a745;border-width:0 0 0 5px;border-radius:5px 0 0 5px;-webkit-transition:all .8s;transition:all .8s;width:310px}.parent-notification .delete-message{background-color:#f8d7da;color:#dc3545;border-color:#dc3545}.parent-notification.top-right{bottom:initial!important;top:10px}.parent-notification.top-right .shopengine-wishlist-message{top:10px;bottom:initial}.parent-notification.active{right:0;-webkit-transition:all .5s;transition:all .5s}.parent-notification p{margin:0;line-height:1.5;font-size:18px;font-weight:600}.top-left{right:initial;left:-325px;top:10px;-webkit-transition:all .8s;transition:all .8s}.top-left.active{left:0;-webkit-transition:all .8s;transition:all .8s}.top-left .shopengine-wishlist-message{border-radius:0 5px 5px 0;border-width:0 5px 0 0;-webkit-transition:all .8s;transition:all .8s}.bottom-left{right:initial;left:-325px;-webkit-transition:all .8s;transition:all .8s;top:initial;bottom:10px}.bottom-left.active{left:0;-webkit-transition:all .8s;transition:all .8s}.bottom-left .shopengine-wishlist-message{border-radius:0 5px 5px 0;border-width:0 5px 0 0;-webkit-transition:all .8s;transition:all .8s}.shopengine-comparison h2{margin:0;padding-top:9px;padding-bottom:32px;color:#101010;font-size:36px;font-weight:600;line-height:1.25em;text-transform:capitalize;text-align:center}.shopengine-comparison-modal>.se-modal-inner{padding:20px 40px 40px;background-color:#fff}.shopengine-comparison .comparison-table-wrap{overflow-x:auto}.shopengine-comparison .comparison-table-wrap table{width:100%;margin-bottom:0;border:1px solid #e7e7e7;border-collapse:collapse}.shopengine-comparison .comparison-table-wrap table th{padding:23px 30px 24px;color:#000;background-color:#fff;border-width:1px;border-color:#e7e7e7;font-size:16px;line-height:1.5em;text-transform:uppercase;min-width:200px}.shopengine-comparison .comparison-table-wrap table td{position:relative;padding:15px;color:#000;background-color:#fff;border-width:1px;border-color:#e7e7e7;font-size:15px;line-height:1.6em;text-align:center;z-index:0;min-width:250px}.shopengine-comparison .comparison-table-wrap table td:nth-child(even){background-color:#f7f9fb}.shopengine-comparison .comparison-table-wrap table td.first--row img{display:block;margin:5px auto 0}.shopengine-comparison .comparison-table-wrap table .comparison-add-to-cart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:20px 0 10px 0}.shopengine-comparison .comparison-table-wrap table .comparison-add-to-cart a{font-size:13px;font-weight:500;line-height:1.2em;text-transform:uppercase;display:inline-block;padding:10px 20px;color:#fff;background:#101010;border-radius:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.shopengine-comparison .comparison-table-wrap table .comparison-add-to-cart a:hover{color:#fff;background:#312b2b}.shopengine-comparison .comparison-table-wrap table .comparison-add-to-cart a::after{top:10px}.shopengine-comparison .comparison-table-wrap table .comparison-add-to-cart a.loading{padding-right:35px}.shopengine-comparison .comparison-table-wrap table .comparison-add-to-cart a.added_to_cart{display:none}.shopengine-comparison .comparison-table-wrap table .shopengine-comparison-color-attr{width:25px;height:25px;display:inline-block}.shopengine-comparison .comparison-table-wrap table .shopengine-comparison-color-attr:not(:last-child){margin-right:7px}.shopengine-comparison .comparison-table-wrap table .price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shopengine-comparison .comparison-table-wrap table .price del{color:red;text-decoration-thickness:3px}.shopengine-comparison .comparison-table-wrap table .price del,.shopengine-comparison .comparison-table-wrap table .price ins{margin-right:5px}.shopengine-comparison .comparison-table-wrap table .price ins{text-decoration:none}.shopengine-comparison .comparison-table-wrap table .price .amount{color:inherit;font-weight:700}.shopengine-comparison .comparison-table-wrap table .price .price del,.shopengine-comparison .comparison-table-wrap table .price .shopengine-discount-badge{margin-left:5px}.shopengine-comparison .shopengine-remove-action{display:inline-block;padding:0;width:84px;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.05);box-shadow:0 5px 15px rgba(0,0,0,.05);font-size:14px;font-weight:500;line-height:30px;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1;cursor:pointer;margin:-5px auto 5px auto}.shopengine-comparison .shopengine-remove-action:not([href]):not([tabindex]){color:#f55145}.shopengine-comparison .shopengine-remove-action:not([href]):not([tabindex]):hover{color:#fff;background-color:#f55145}.shopengine-comparison .shopengine-remove-action>i{font-size:12px;vertical-align:1px}.shopengine-comparison.badge{padding:6px 5px;text-align:center;cursor:pointer}.shopengine-comparison.badge svg{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.shopengine-comparison.badge.inactive{color:#101010}.shopengine-comparison.badge.inactive svg{fill:#101010!important}.shopengine-comparison.badge.active{color:#f03d3f}.shopengine-no-comparison-product{margin:0;padding:0}@media(max-width:1024px){.shopengine-comparison h2{font-size:24px;line-height:36px}}@media(max-width:768px){.shopengine-comparison .comparison-table-wrap{overflow-y:hidden}.shopengine-comparison .comparison-table-wrap table td{padding:10px 15px}.shopengine-comparison-modal h2{padding:0 0 20px}.shopengine-comparison-modal .se-modal-inner{padding:20px}.shopengine-no-comparison-product{font-size:15px;line-height:22px}}.hidden{display:none!important;visibility:hidden!important}.shopengine_loop_swatches_wrap{flex-basis:100%;padding-bottom:10px}.shopengine_swatches .swatch{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;width:fit-content;height:fit-content;line-height:28px;text-align:center;margin-right:15px;cursor:pointer;border:2px solid transparent;position:relative;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.shopengine_swatches .swatch.swatch_label{min-width:36px;min-height:36px;border-radius:5px}.shopengine_swatches .swatch.swatch_label{padding:0 10px}.shopengine_swatches .swatch.selected{border-color:#999}.shopengine_swatches .swatch.disabled{cursor:default;opacity:.1}.shopengine_swatches .swatch.disabled .shopengine_swatch__tooltip{display:none}.shopengine_swatches .swatch_color{text-indent:-9999em;border:2px solid #ccc;width:18px;height:18px}.shopengine-widget .shopengine_swatches .swatch_color{width:fit-content;height:fit-content}.shopengine-widget .shopengine_swatches .swatch_color.swatch_color_loop{width:18px;height:18px}.shopengine_swatches .swatch_color.selected{border-color:#333}.shopengine_swatches .swatch_color.selected:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);content:"";width:6px;height:10px;display:block;border:solid #eee;border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;margin:-2px -2px 0 0}.shopengine_swatches .swatch_label{font-size:14px;background-color:#f1f1f1}.shopengine_swatches .swatch_image{font-size:0}.shopengine_swatches .swatch_image img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.shopengine_swatches .swatch_image .shopengine_swatch__tooltip{font-size:14px}.shopengine_swatches .shopengine_swatch__tooltip{-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:absolute;left:50%;top:0;background:#333;z-index:2;color:#fff;margin:-15px 0 0 0;padding:5px 10px;text-indent:initial;font-size:14px;font-weight:500;opacity:0;visibility:hidden;user-select:none}.shopengine_swatches .shopengine_swatch__tooltip:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;width:12px;height:12px;background:#333;bottom:-4px;left:50%;margin-left:-6px}.shopengine_swatches .swatch:hover .shopengine_swatch__tooltip{opacity:1;visibility:visible;user-select:auto}.shopengine-swatch-preloader{display:none}.shopengine-swatch-preloader.preloader-active{display:inline-block}.preloader-shadow{position:absolute;width:100%;top:0;left:0;background-color:rgba(0,0,0,.5);display:none}.preloader-shadow.overlay-active{display:block}.lds-spinner{position:absolute;width:80px;height:80px;z-index:5;left:calc(50% - 35px)}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:10px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}