/* Full-viewport ClubNatu home video hero and its admin preview. */
body.has-home-video .site-header{position:absolute;z-index:30;top:0;left:0;right:0;width:auto;max-width:none;margin:0;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(6,19,17,.72),rgba(6,19,17,.18));color:#fff;box-shadow:none}
body.has-home-video .site-header nav a,body.has-home-video .site-header nav .nav-button,body.has-home-video .site-header .lang{color:#fff}
body.has-home-video .site-header .brand small{color:rgba(255,255,255,.82)}
body.has-home-video .site-header .header-search input{background:rgba(255,255,255,.94)}
body.has-home-video main.container{width:100%;max-width:none;margin:0;padding:0}
body.has-home-video main.container>:not(.home-video-hero){width:min(1210px,calc(100% - 24px));margin-left:auto;margin-right:auto}
body.has-home-video main.container>.featured-products-section{width:min(1620px,calc(100% - 24px))}
body.has-home-video .featured-products-section .product-image{height:auto;aspect-ratio:1}
.home-video-hero{position:relative;isolation:isolate;display:flex;width:100%;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:radial-gradient(ellipse at 70% 18%,#496d68 0,#1d3430 42%,#101b1b 100%);color:var(--hero-text,#fff)}
.home-video-poster,.home-video-mobile-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.home-video-mobile-poster{display:none}
.home-video-stage{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;background:transparent}
.home-video-stage video,.home-video-stage iframe{position:absolute;left:50%;top:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);min-width:100%;min-height:100%;border:0;transform:translate(-50%,-50%);object-fit:cover;opacity:0;transition:opacity .5s ease}
.home-video-stage video.is-playing,.home-video-stage iframe.is-ready{opacity:1}
.home-video-stage video{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.home-video-scrim{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,var(--hero-overlay,.45));pointer-events:none}
.home-video-inner{position:relative;z-index:3;display:flex;width:100%;padding:clamp(110px,15vh,170px) clamp(24px,7vw,110px) clamp(48px,8vh,86px)}
.home-video-hero.is-vertical-top .home-video-inner{align-items:flex-start}
.home-video-hero.is-vertical-center .home-video-inner{align-items:center;padding-top:clamp(120px,16vh,180px);padding-bottom:clamp(48px,8vh,86px)}
.home-video-hero.is-vertical-bottom .home-video-inner{align-items:flex-end}
.home-video-copy{display:flex;flex-direction:column;gap:var(--hero-gap,18px);width:min(100%,var(--hero-width,1000px));margin-block:0;color:var(--hero-text,#fff)}
.home-video-hero.is-align-left .home-video-copy{margin-left:0;margin-right:auto;text-align:left;align-items:flex-start}
.home-video-hero.is-align-center .home-video-copy{margin-inline:auto;text-align:center;align-items:center}
.home-video-hero.is-align-right .home-video-copy{margin-left:auto;margin-right:0;text-align:right;align-items:flex-end}
.home-video-copy h1,.home-video-copy p{margin:0;color:inherit}
.home-video-copy .home-video-subtitle{font-size:clamp(16px,2vw,24px);font-weight:650;letter-spacing:.04em}
.home-video-copy h1{max-width:100%;font-size:clamp(36px,min(var(--hero-title-size,72px),7vw),var(--hero-title-size,72px));line-height:1.04;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.24)}
.home-video-copy .home-video-description{max-width:850px;font-size:clamp(16px,1.6vw,21px);line-height:1.55;text-shadow:0 1px 10px rgba(0,0,0,.25)}
.home-video-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:12px;margin-top:6px}
.home-video-actions .button{min-height:48px;padding:12px 22px;border:1px solid rgba(255,255,255,.8);border-radius:999px;font-weight:750;text-decoration:none;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.home-video-actions .button-primary{background:var(--hero-button,#397c59);border-color:var(--hero-button,#397c59)}
.home-video-actions .button-secondary{background:rgba(8,22,19,.16);backdrop-filter:blur(7px)}
.home-video-actions .button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.admin-sidebar-section-label{grid-column:1/-1;padding:12px 10px 3px;color:#849188;font-size:10px;font-weight:800;letter-spacing:.13em}
.admin-shell.is-collapsed .admin-sidebar-section-label{display:none}
.hero-video-form{display:grid;gap:20px}
.hero-admin-card{padding:clamp(18px,3vw,30px)}
.hero-admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.hero-admin-section-head h2{margin:4px 0 0;font-size:22px}
.hero-admin-section-head p{margin:8px 0 0}
.hero-switch,.hero-inline-check,.hero-display-toggles label{display:flex;align-items:center;gap:9px;font-weight:650}
.hero-switch{padding:10px 14px;border:1px solid #d9e5db;border-radius:13px;background:#f8fbf7}
.hero-switch input,.hero-inline-check input,.hero-display-toggles input{width:auto;min-width:17px;min-height:17px;margin:0}
.hero-admin-grid{display:grid;gap:16px}
.hero-admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-admin-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.hero-admin-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-admin-grid label,.hero-language label{display:grid;gap:7px;color:#3e5549;font-weight:650}
.hero-source-external,.hero-source-hosted{display:grid;align-content:start;gap:8px}
.hero-source-hosted[hidden],.hero-source-external[hidden]{display:none}
.hero-source-external small,.hero-source-hosted small{color:#718079;line-height:1.45}
.hero-image-fields{margin-top:18px}
.hero-inline-check{margin-top:10px;font-size:13px}
.hero-admin-image-thumb{display:block;width:180px;max-height:100px;object-fit:cover;border:1px solid #dce5dc;border-radius:10px;margin-top:10px}
.hero-admin-note{margin:18px 0 0;padding:12px 15px;border-radius:11px;background:#f4f7f3;color:#63756a;font-size:13px;line-height:1.5}
.hero-admin-languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hero-language{display:grid;gap:13px;min-width:0;margin:0;padding:18px;border:1px solid #dfe8df;border-radius:15px}
.hero-language legend{padding:0 8px;color:#347552;font-weight:800}
.hero-language textarea{resize:vertical}
.hero-display-toggles{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:18px}
.hero-display-toggles label{color:#506359;font-size:13px}
.hero-display-toggles.compact{display:grid;gap:11px;margin-top:0}
.hero-color-control input[type=color]{width:100%;height:44px;padding:4px}
.hero-range-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:20px;color:#3e5549;font-weight:700}
.hero-range-control output{padding:4px 10px;border-radius:999px;background:#edf4eb;color:#32724e;font-variant-numeric:tabular-nums}
.hero-range-control input{grid-column:1/-1;width:100%;margin:4px 0}
.hero-preview-card{overflow:hidden}
.hero-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hero-preview-toolbar>div{display:flex;gap:8px}
.hero-preview-toolbar .button{min-height:38px;padding:8px 13px}
.hero-preview-frame{position:relative;isolation:isolate;display:flex;width:100%;aspect-ratio:16/8.7;min-height:320px;max-height:680px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 75% 16%,#557b70,#1c3931 46%,#111a19);color:var(--preview-text,#fff);transition:width .2s ease,aspect-ratio .2s ease}
.hero-preview-frame[data-device=mobile]{width:min(100%,390px);height:650px;min-height:0;aspect-ratio:auto;margin-inline:auto}
.hero-preview-media,.hero-preview-media img,.hero-preview-media video,.hero-preview-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;object-position:center}
.hero-preview-media{z-index:0;background-size:cover;background-position:center}
.hero-preview-scrim{position:absolute;z-index:1;inset:0;background:rgba(0,0,0,var(--preview-overlay,.45))}
.hero-preview-content{position:relative;z-index:2;display:flex;width:100%;padding:10%;}
.hero-preview-content.is-vertical-top{align-items:flex-start}.hero-preview-content.is-vertical-center{align-items:center}.hero-preview-content.is-vertical-bottom{align-items:flex-end}
.hero-preview-copy{display:flex;flex-direction:column;gap:var(--preview-gap,18px);width:min(100%,var(--preview-width,1000px));margin-block:0;color:var(--preview-text,#fff)}
.hero-preview-content.is-align-left .hero-preview-copy{margin-right:auto;text-align:left;align-items:flex-start}.hero-preview-content.is-align-center .hero-preview-copy{margin-inline:auto;text-align:center;align-items:center}.hero-preview-content.is-align-right .hero-preview-copy{margin-left:auto;text-align:right;align-items:flex-end}
.hero-preview-copy h2,.hero-preview-copy p{margin:0;color:inherit}.hero-preview-copy h2{font-size:clamp(28px,min(var(--preview-title-desktop,72px),7vw),var(--preview-title-desktop,72px));line-height:1.05;text-wrap:balance}.hero-preview-copy p{font-size:clamp(12px,1.7vw,18px);line-height:1.45}
.hero-preview-copy [data-preview-subtitle]{font-size:clamp(12px,1.8vw,18px);font-weight:700;letter-spacing:.04em}.hero-preview-actions{display:flex;flex-wrap:wrap;justify-content:inherit;gap:8px}.hero-preview-actions span{padding:9px 14px;border:1px solid rgba(255,255,255,.75);border-radius:99px;background:var(--preview-button,#397c59);font-size:12px;font-weight:750}.hero-preview-actions [data-preview-secondary]{background:rgba(8,22,19,.25)}
.hero-preview-frame [hidden]{display:none!important}
.hero-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.hero-admin-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-admin-languages{grid-template-columns:1fr}}
@media(max-width:760px){
 body.has-home-video .site-header{position:absolute;top:0;padding:12px 16px;background:linear-gradient(180deg,rgba(6,19,17,.82),rgba(6,19,17,.25))}
 .home-video-hero{min-height:600px;min-height:100svh}
 .home-video-inner{padding:112px 24px 44px}
 .home-video-hero.is-vertical-center .home-video-inner{padding-top:105px;padding-bottom:44px}
 .home-video-hero.is-vertical-bottom .home-video-inner{padding-bottom:46px}
 .home-video-copy h1{font-size:clamp(30px,min(var(--hero-title-mobile,44px),11vw),var(--hero-title-mobile,44px))}
 .home-video-copy .home-video-subtitle{font-size:16px}.home-video-copy .home-video-description{font-size:16px}
 .home-video-actions{width:100%;gap:9px}.home-video-actions .button{min-height:44px;padding:10px 16px}
 .home-video-hero[data-mobile-video=false] .home-video-stage{display:none}
 .home-video-hero[data-mobile-video=false] .home-video-poster{display:none}
 .home-video-hero[data-mobile-video=false] .home-video-mobile-poster{display:block}
 .hero-admin-section-head{display:grid}.hero-switch{justify-self:start}
 .hero-admin-grid.two,.hero-admin-grid.three,.hero-admin-grid.four{grid-template-columns:1fr}
 .hero-preview-frame{aspect-ratio:4/3;min-height:310px}
 .hero-preview-frame[data-device=mobile]{width:min(100%,360px);height:590px}
 .hero-preview-content{padding:8%}
 .hero-preview-copy h2{font-size:clamp(26px,min(var(--preview-title-mobile,44px),12vw),var(--preview-title-mobile,44px))}
 .hero-preview-copy p{font-size:14px}
 .hero-preview-actions{justify-content:center}
 .hero-preview-toolbar{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.home-video-stage video,.home-video-stage iframe,.home-video-actions .button,.hero-preview-frame{transition:none!important;scroll-behavior:auto!important}}

/* Admin editor sizing correction */
.hero-video-form{grid-template-columns:minmax(0,1fr);min-width:0}
.hero-video-form>*{min-width:0}
.hero-admin-card,.hero-admin-grid,.hero-admin-grid>*,.hero-admin-languages,.hero-language,.hero-language label,.hero-source-external,.hero-source-hosted{min-width:0}
.hero-admin-grid input:not([type=checkbox]),.hero-admin-grid select,.hero-admin-grid textarea,.hero-language input,.hero-language textarea{width:100%;min-width:0}
.hero-admin-grid input[type=file]{display:block;width:100%;min-width:0}
.hero-language textarea{min-height:90px}
.hero-preview-frame{container-type:inline-size}
.hero-preview-content,.hero-preview-copy{min-width:0}
.hero-preview-copy{gap:min(var(--preview-gap,18px),2.5cqw);overflow-wrap:anywhere}
.hero-preview-copy h2{font-size:clamp(26px,min(7cqw,var(--preview-title-desktop,72px)),60px);overflow-wrap:anywhere}
.hero-preview-frame[data-device=mobile] .hero-preview-copy h2{font-size:clamp(24px,min(11cqw,var(--preview-title-mobile,44px)),44px)}
@media(max-width:1200px){.hero-admin-languages{grid-template-columns:minmax(0,1fr)}.hero-admin-section-head{flex-wrap:wrap}}

.hero-admin-grid label.hero-inline-check{display:flex;align-items:center;gap:9px;width:auto}