/* Progressive enhancement for the saved Flatsome DOM. The original CSS remains intact. */
html { scroll-behavior: smooth; }
#clone-backdrop { position:fixed; inset:0; z-index:100001; background:rgba(0,0,0,.66); backdrop-filter:blur(3px); }
#clone-backdrop[hidden] { display:none!important; }
body.clone-lock { overflow:hidden!important; }
#main-menu.clone-open { display:block!important; position:fixed!important; z-index:100002!important; top:0; left:0; bottom:0; width:min(88vw,360px); max-height:100dvh; overflow:auto; background:white; color:#333; box-shadow:0 15px 80px #0006; visibility:visible; transform:none!important; opacity:1!important; }
#main-menu.clone-open .sidebar-menu { display:block; }
#main-menu .sub-menu[inert] { pointer-events:auto; }
#main-menu .sub-menu { display:none; }
#main-menu .has-child.clone-expanded > .sub-menu { display:block!important; padding-left:12px; }
#main-menu .nav-slide-header { display:none!important; }
#main-menu .has-child .toggle { position:absolute; right:6px; top:2px; padding:10px; z-index:2; }
#main-menu .has-child { position:relative; }
#main-menu .clone-expanded > .toggle { transform:rotate(90deg); }
#main-menu .logo-custom { padding:16px; }
#ux-search-dropdown.clone-open { display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important; z-index:300; right:0; width:min(340px,calc(100vw - 24px)); top:100%; background:#fff; padding:16px; border-radius:10px; box-shadow:0 12px 40px #0004; }
#ux-search-dropdown.clone-open .searchform { display:block; }
#tuvan.clone-open { display:block!important; z-index:100003!important; position:fixed!important; top:50%; left:50%; width:min(720px,calc(100vw - 28px))!important; max-height:calc(100dvh - 28px); overflow:auto; transform:translate(-50%,-50%); background:#fff; box-shadow:0 30px 90px #0007; visibility:visible; opacity:1; }
#tuvan .cot2 { padding:20px; }
.clone-close { position:sticky; float:right; top:8px; right:8px; width:35px;height:35px; display:grid;place-items:center; border-radius:50%;border:none;background:#0b1926;color:white;cursor:pointer;z-index:20; font-size:23px; }
#clone-toast { position:fixed; z-index:100005; max-width:min(440px,calc(100vw - 24px)); bottom:85px; left:50%; transform:translate(-50%,16px); color:#fff; background:#132b36; padding:13px 20px; border-radius:12px; box-shadow:0 10px 40px #0003; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,transform .22s ease; text-align:center; }
#clone-toast.clone-show { opacity:1; visibility:visible; transform:translate(-50%,0); }
.clone-honey { position:absolute!important; left:-10000px!important; opacity:0!important; width:1px!important; height:1px!important; pointer-events:none!important; }
.clone-form-message { font-size:14px; line-height:1.6; margin:10px 0!important; color:#136e77; }
.clone-form-message.clone-error { color:#ba2935; }
/* Carousel: convert the frozen Flickity layout to a responsive interactive flex track. */
.slider.flickity-enabled .flickity-viewport { height:auto!important; overflow:hidden; position:relative; }
.slider.flickity-enabled .flickity-slider { display:flex!important; position:relative!important; left:auto!important; top:auto!important; width:100%!important; height:auto!important; transition:transform .5s cubic-bezier(.2,.7,.2,1)!important; }
.slider.flickity-enabled .flickity-slider > * { position:relative!important; left:auto!important; transform:none!important; flex-shrink:0; }
.slider.flickity-enabled .flickity-slider > *[inert] { pointer-events:auto!important; }
.slider.flickity-enabled .flickity-prev-next-button { opacity:.9; cursor:pointer; }
.slider.flickity-enabled .flickity-prev-next-button:disabled { display:none!important; }
.slider.clone-one-slide .flickity-button, .slider.clone-one-slide .flickity-page-dots { display:none!important; }
.slider.row-slider .flickity-slider > .col { width:33.333333%!important; flex:0 0 33.333333%!important; }
.slider:not(.row-slider) .flickity-slider > * { width:100%!important; flex:0 0 100%!important; }
@media(max-width:849px){.slider.row-slider .flickity-slider > .col {width:50%!important;flex-basis:50%!important;}}
@media(max-width:549px){.slider.row-slider .flickity-slider > .col {width:100%!important;flex-basis:100%!important;}}
/* Inner pages use the same captured typography, menus and footer. Their content is a functional reconstruction. */
body.clone-subpage #header { position:relative!important; background:#0b1721!important; }
body.clone-subpage #masthead { background:#0b1721!important; }
body.clone-subpage #wide-nav { background:rgba(8,18,28,.93)!important; }
body.clone-subpage #header .nav-top-link {color:white!important}
body.clone-subpage #main { min-height:55vh; }
.clone-inner-main { color:#2a3033; }
.clone-inner-container { width:min(1160px,calc(100% - 38px)); margin:auto; }
.clone-inner-hero { min-height:330px; position:relative; display:flex; align-items:center; overflow:hidden; color:#fff; background:linear-gradient(130deg,#0b121e,#275960); background-image:linear-gradient(100deg,rgba(0,0,0,.78),rgba(0,0,0,.14)),var(--clone-hero,linear-gradient(130deg,#0b121e,#275960)); background-position:center; background-size:cover; }
.clone-inner-shade {position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent);pointer-events:none;}
.clone-inner-hero .clone-inner-container {position:relative;padding:85px 0 70px;}
.clone-breadcrumb{font-size:13px;margin:0 0 20px;color:#f2f5f5d0}
.clone-breadcrumb a {color:white;text-decoration:underline;text-underline-offset:3px;}
.clone-inner-hero h1 {font-size:clamp(30px,4vw,52px);font-weight:750;line-height:1.2;color:#fff;margin:0 0 22px;text-shadow:0 3px 24px #0005}
.clone-inner-hero p {font-size:17px;line-height:1.7;max-width:650px;color:#fffffff0;margin:0;}
.clone-inner-section {padding:68px 0 85px;background:#fdfbf8;}
.clone-inner-section h2 {font-size:clamp(25px,3vw,37px);line-height:1.25;font-weight:600;margin:0 0 17px;color:#182e35;}
.clone-section-heading {text-align:center;margin-bottom:30px;}
.clone-section-heading p {color:#6e777a;margin-top:0;}
.clone-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;}
.clone-card{display:block;text-align:center;color:#222;background:#fff;padding:0 0 18px;border-radius:4px;overflow:hidden;box-shadow:0 10px 25px rgba(16,38,48,.065);transition:transform .35s ease,box-shadow .35s ease;}
.clone-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #112d3722;color:#129aa5}
.clone-card-image{height:235px;overflow:hidden;background:#e8dfd6}
.clone-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.clone-card:hover img{transform:scale(1.045)}
.clone-card h3{font-size:16px;line-height:1.45;font-weight:650;margin:17px 13px 10px;color:#1e2b30;}
.clone-card>span{color:#168f99;font-size:13px}
.clone-card-placeholder{display:grid;place-items:center;height:100%;color:#9c8e7d;font-size:23px;font-family:serif}
.clone-center {text-align:center;margin-top:40px}
.clone-cta, .clone-search-form button, .clone-contact-form button {display:inline-flex;align-items:center;justify-content:center;background:#1197a4!important;color:white!important;border-radius:45px;font-size:14px;font-weight:700;line-height:1.2;padding:17px 33px;cursor:pointer;border:none;box-shadow:none}
.clone-cta:hover,.clone-search-form button:hover{background:#0b7580!important;color:white!important}
.clone-product {display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:start;}
.clone-product img{width:100%;max-height:600px;object-fit:cover;box-shadow:0 12px 33px #0002}
.clone-product p,.clone-about p{font-size:17px;line-height:1.8;color:#566269;margin-bottom:28px}
.clone-contact-form{background:#fff;padding:30px;box-shadow:0 12px 40px #0001;max-width:850px;}
.clone-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;}
.clone-contact-form label{display:block;margin-bottom:17px;font-size:15px;font-weight:600;}
.clone-contact-form input:not([type=hidden]),.clone-contact-form select,.clone-contact-form textarea{display:block;width:100%;margin-top:8px;background:#fafafa;border:1px solid #dadada;border-radius:5px;padding:12px;font-size:15px;}
.clone-search-form {display:flex;gap:12px;margin-bottom:24px;}
.clone-search-form input{height:50px;flex:1;min-width:0;border:1px solid #d0d9da;border-radius:6px;padding:10px 16px;font-size:17px;background:#fff}
#clone-search-count {color:#637078;font-size:14px;margin:0 0 20px;}
@media(max-width:849px){.clone-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.clone-product{grid-template-columns:1fr;gap:20px}.clone-inner-hero{min-height:280px}}
@media(max-width:549px){.clone-card-grid{gap:14px}.clone-card-image{height:170px}.clone-card h3{font-size:14px}.clone-inner-section{padding:40px 0 60px}.clone-inner-hero .clone-inner-container{padding:60px 0}.clone-inner-container{width:calc(100% - 30px)}.clone-form-grid{grid-template-columns:1fr}.clone-contact-form{padding:19px}.clone-search-form{flex-wrap:wrap}.clone-search-form button{width:100%}#tuvan.clone-open{width:calc(100vw - 18px)!important}}
