/* ========================================================================== 
   Para Kenz — Conseils & questions
   Page-only styles. Shared navigation, footer, cart and contact components
   remain in shared.css.
   ========================================================================== */

.community-page{background:var(--paper);}
.community-page .site-header{background:transparent;}

.community-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(54px,7vw,98px) 0;
  background:
    radial-gradient(circle at 88% 15%,rgba(199,162,82,.22),transparent 25%),
    linear-gradient(135deg,var(--emerald-900),#087158);
  color:#fff;
}
.community-hero::after{
  content:"";position:absolute;right:-190px;bottom:-330px;width:620px;height:620px;
  border:1px solid rgba(255,255,255,.12);border-radius:50%;
  box-shadow:0 0 0 74px rgba(255,255,255,.022),0 0 0 150px rgba(255,255,255,.014);
  pointer-events:none;
}
.community-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(38px,6vw,88px);}
.community-hero-copy{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;}
.community-hero-copy h1{max-width:650px;margin-bottom:22px;color:#fff;font-size:clamp(2.9rem,5.7vw,5.8rem);line-height:.98;letter-spacing:-.045em;text-align:center;}
.community-hero-copy>p{max-width:610px;color:#cce3da;font-size:clamp(.98rem,1.3vw,1.12rem);line-height:1.75;text-align:center;}
.community-hero .eyebrow{color:#efd587;}
.community-hero .eyebrow::before{background:currentColor;}
.community-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:30px;}
.community-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 24px;margin-top:34px;color:#c8dfd6;font-size:.74rem;}
.community-trust li{display:flex;align-items:center;gap:8px;}
.community-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(199,162,82,.12);}

.community-featured{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 38px 90px rgba(0,0,0,.26);}
.community-featured-media{position:relative;width:100%;height:330px;padding:0;border:0;background:#062e25;overflow:hidden;cursor:pointer;}
.community-featured-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,37,30,.6),transparent 56%);}
.community-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.community-featured-media:hover img{transform:scale(1.035);}
.community-play{position:absolute;z-index:2;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;}
.community-play i{display:grid;width:52px;height:52px;place-items:center;padding-left:3px;border-radius:50%;background:#fff;color:var(--emerald-700);font-style:normal;box-shadow:0 10px 28px rgba(0,0,0,.23);}
.community-featured-copy{padding:25px 28px 29px;text-align:center;}
.community-featured-meta{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:12px;color:var(--emerald-600);font-family:var(--font-mono);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;}
.community-featured-meta span{padding:5px 8px;border-radius:999px;background:var(--emerald-100);}
.community-featured h2{margin:0;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.12;}
.community-featured-description{max-width:100%;margin:12px 0 0;overflow:hidden;color:var(--ink-soft);font-size:.83rem;text-overflow:ellipsis;white-space:nowrap;}

.community-section-head{display:flex;max-width:820px;flex-direction:column;align-items:center;gap:16px;margin:0 auto 38px;text-align:center;}
.community-section-head h2,.community-questions-intro h2,.community-ask-copy h2{margin:0;font-size:clamp(2.25rem,4.6vw,4.35rem);line-height:1.02;letter-spacing:-.035em;}
.community-section-head>p{max-width:690px;margin:0;line-height:1.75;text-align:center;}
.community-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 18px;margin-bottom:26px;text-align:center;}
.community-search{display:flex;width:min(100%,330px);height:48px;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.community-search:focus-within{border-color:var(--emerald-600);box-shadow:0 0 0 4px rgba(18,112,92,.08);}
.community-search svg{width:18px;height:18px;flex:none;color:var(--emerald-600);}
.community-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.82rem;}
.community-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;}
.community-filter{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-soft);font-size:.72rem;font-weight:700;transition:background .18s,color .18s,border-color .18s;}
.community-filter:hover,.community-filter.is-active{border-color:var(--emerald-700);background:var(--emerald-700);color:#fff;}
.community-result{margin:0;color:var(--ink-soft);font-size:.75rem;white-space:nowrap;}
.community-result strong{color:var(--emerald-800);font-family:var(--font-mono);}
.community-video-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;}
.community-video-card{width:calc((100% - 44px)/3);min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-card);transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
.community-video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift);}
.community-video-cover{position:relative;width:100%;height:230px;padding:0;border:0;background:var(--emerald-100);overflow:hidden;cursor:pointer;}
.community-video-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,31,24,.88) 0,rgba(6,46,37,.5) 30%,transparent 62%);}
.community-video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.community-video-cover:hover img{transform:scale(1.04);}
.community-card-play{position:absolute;z-index:2;left:18px;bottom:17px;display:grid;width:44px;height:44px;place-items:center;padding-left:3px;border-radius:50%;background:#fff;color:var(--emerald-700);box-shadow:0 8px 22px rgba(0,0,0,.2);}
.community-card-overlay-description{position:absolute;z-index:2;right:18px;bottom:17px;left:78px;display:-webkit-box;overflow:hidden;color:#fff;font-size:.75rem;font-weight:700;line-height:1.38;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.5);-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.community-video-body{display:flex;min-height:265px;flex-direction:column;align-items:center;padding:22px;text-align:center;}
.community-video-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 14px;margin:0;color:var(--emerald-600);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;}
.community-video-meta small{color:#768b82;font-family:var(--font-body);font-size:.63rem;letter-spacing:0;text-transform:none;}
.community-video-card h3{margin:15px 0 9px;font-size:1.25rem;line-height:1.2;}
.community-video-description{width:100%;margin:0;overflow:hidden;color:var(--ink-soft);font-size:.78rem;line-height:1.65;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.community-video-action{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:16px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--emerald-700);font-size:.76rem;font-weight:700;text-align:center;}
.community-empty{grid-column:1/-1;padding:55px 20px;border:1px dashed var(--line);border-radius:20px;background:#fff;color:var(--ink-soft);text-align:center;}
.community-load-more{display:flex;justify-content:center;margin-top:34px;}
.community-load-more[hidden]{display:none;}
.community-load-more .btn{min-width:210px;}

.community-questions{padding:clamp(76px,9vw,120px) 0;background:var(--emerald-900);color:#fff;}
.community-questions-grid{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:clamp(42px,7vw,95px);}
.community-questions-intro{position:sticky;top:112px;text-align:center;}
.community-questions-intro h2{color:#fff;}
.community-questions-intro>p{margin-top:22px;color:#b9d1c8;line-height:1.75;}
.community-questions-intro ol{max-width:330px;margin:32px auto 0;padding:0;border-top:1px solid rgba(255,255,255,.13);list-style:none;}
.community-questions-intro li{display:flex;justify-content:center;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#dbe9e4;font-size:.82rem;text-align:center;}
.community-questions-intro li>span:first-child{color:var(--gold);font-family:var(--font-mono);font-size:.68rem;}
.community-feed-head{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;margin-bottom:24px;text-align:center;}
.community-feed-head>div:first-child>span{color:#95b9ac;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;}
.community-feed-head h3{margin:4px 0 0;color:#fff;font-size:clamp(1.65rem,3vw,2.55rem);}
.community-question-filters{justify-content:center;}
.community-question-filters .community-filter{border-color:rgba(255,255,255,.17);background:transparent;color:#c9ddd5;}
.community-question-filters .community-filter:hover,.community-question-filters .community-filter.is-active{border-color:#fff;background:#fff;color:var(--emerald-900);}
.community-question-feed{display:grid;gap:16px;}
.community-question-card{padding:27px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 20px 58px rgba(0,0,0,.15);}
.community-question-card.is-pending{border-color:var(--gold);background:#f7f0df;}
.community-question-author{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center;}
.community-avatar{display:grid;width:43px;height:43px;flex:none;place-items:center;border-radius:50%;background:var(--emerald-100);color:var(--emerald-700);font-family:var(--font-mono);font-size:.67rem;font-weight:700;}
.community-question-author p{margin:0;}
.community-question-author strong,.community-question-author small{display:block;}
.community-question-author small{color:#71857d;font-size:.69rem;}
.community-category-tag{padding:5px 9px;border-radius:999px;background:var(--emerald-100);color:var(--emerald-700);font-size:.64rem;font-style:normal;font-weight:700;}
.community-question-card blockquote{max-width:720px;margin:20px auto 0;color:var(--emerald-900);font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.4;text-align:center;}
.community-answer{margin-top:21px;padding:18px 19px;border-left:3px solid var(--emerald-600);border-radius:0 13px 13px 0;background:var(--emerald-50);}
.community-answer-head{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;}
.community-answer-head img{width:31px;height:31px;object-fit:contain;}
.community-answer-head p{margin:0;}
.community-answer-head strong,.community-answer-head small{display:block;}
.community-answer-head small{color:#6f867d;font-size:.65rem;}
.community-answer-head span{color:var(--emerald-600);font-size:.67rem;font-weight:700;}
.community-answer>p{max-width:720px;margin:11px auto 0;color:#365b50;font-size:.82rem;line-height:1.65;text-align:center;}
.community-pending{margin:17px 0 0;color:#795f20;font-size:.75rem;font-weight:700;text-align:center;}

.community-ask-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(450px,1.22fr);align-items:start;gap:clamp(42px,8vw,110px);}
.community-ask-copy{position:sticky;top:112px;text-align:center;}
.community-ask-copy>p{margin-top:21px;line-height:1.75;}
.community-privacy-note{display:flex;max-width:460px;justify-content:center;gap:12px;margin:28px auto 0;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--mist);text-align:left;}
.community-privacy-note>span{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:50%;background:var(--emerald-700);color:#fff;}
.community-privacy-note p{margin:0;font-size:.79rem;}
.community-privacy-note strong,.community-privacy-note p>span{display:block;}
.community-privacy-note p>span{margin-top:2px;color:var(--ink-soft);}
.community-form{width:100%;max-width:760px;margin-inline:auto;padding:36px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-card);}
.community-form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;}
.community-form label{display:block;margin-bottom:21px;color:var(--emerald-900);font-size:.8rem;font-weight:700;}
.community-form input:not([type="checkbox"]),.community-form select,.community-form textarea{width:100%;margin-top:8px;padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:.86rem;outline:none;transition:border-color .18s,box-shadow .18s;}
.community-form input:not([type="checkbox"]),.community-form select{height:51px;}
.community-form textarea{min-height:150px;resize:vertical;line-height:1.6;}
.community-form input:focus,.community-form select:focus,.community-form textarea:focus{border-color:var(--emerald-600);box-shadow:0 0 0 4px rgba(18,112,92,.08);}
.community-form label>small{display:block;margin-top:5px;color:#71857d;font-weight:400;text-align:right;}
.community-phone-field>small{margin-top:8px;line-height:1.5;text-align:left!important;}
.community-consent{display:flex!important;align-items:flex-start;gap:10px;color:var(--ink-soft)!important;font-weight:400!important;line-height:1.5;}
.community-consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--emerald-700);}
.community-form .btn{justify-content:space-between;}
.community-form-status{min-height:22px;margin:11px 0 0;color:var(--emerald-700);font-size:.73rem;font-weight:700;}

.community-video-dialog{width:min(1040px,calc(100% - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 34px 110px rgba(0,0,0,.38);overflow:hidden;}
.community-video-dialog::backdrop{background:rgba(3,29,23,.78);backdrop-filter:blur(9px);}
.community-dialog-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:stretch;background:#031f18;}
.community-dialog-close{position:absolute;z-index:3;top:13px;right:13px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--emerald-900);font-size:1.45rem;line-height:1;}
.community-player{align-self:stretch;min-height:min(540px,calc(100vh - 32px));background:#031f18;overflow:hidden;}
.community-player iframe{width:100%;height:100%;border:0;}
.community-player-fallback{position:relative;display:grid;width:100%;height:100%;min-height:360px;place-items:center;overflow:hidden;color:#fff;text-align:center;isolation:isolate;}
.community-player-fallback::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(2,24,19,.84),rgba(5,54,42,.64));}
.community-player-fallback>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7);}
.community-player-fallback-copy{display:flex;width:min(430px,calc(100% - 48px));flex-direction:column;align-items:center;gap:11px;}
.community-player-fallback-icon{display:grid;width:62px;height:62px;place-items:center;padding-left:4px;border-radius:50%;background:var(--gold);color:var(--emerald-900);font-size:1.15rem;box-shadow:0 12px 30px rgba(0,0,0,.24);transition:transform .2s ease,background .2s ease;}
.community-player-fallback-copy strong{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,2rem);line-height:1.15;}
.community-player-fallback-copy small{color:rgba(255,255,255,.9);font-size:.8rem;line-height:1.5;}
.community-player-fallback-copy em{color:rgba(255,255,255,.66);font-size:.68rem;font-style:normal;line-height:1.45;}
.community-player-fallback:hover .community-player-fallback-icon,.community-player-fallback:focus-visible .community-player-fallback-icon{transform:scale(1.06);background:#fff;}
.community-player-fallback:focus-visible{outline:3px solid var(--gold);outline-offset:-5px;}
.community-dialog-copy{display:flex;flex-direction:column;justify-content:center;padding:40px;background:#fff;}
.community-dialog-copy h2{margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.3rem);}
.community-dialog-copy>p{line-height:1.7;}
.community-dialog-copy small{color:#73867f;}
.community-dialog-external{display:inline-flex;width:max-content;align-items:center;gap:8px;margin-top:22px;padding:11px 16px;border:1px solid var(--emerald-700);border-radius:999px;color:var(--emerald-700);font-size:.72rem;font-weight:700;transition:background .2s ease,color .2s ease;}
.community-dialog-external:hover,.community-dialog-external:focus-visible{background:var(--emerald-700);color:#fff;}

@media(max-width:1080px){
  .community-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(390px,1.2fr);gap:36px;}
  .community-video-card{width:calc((100% - 22px)/2);}
  .community-questions-grid{grid-template-columns:300px minmax(0,1fr);gap:42px;}
  .community-feed-head{align-items:center;}
  .community-question-filters{justify-content:center;}
}

@media(max-width:960px){
  .community-page .nav-links{align-items:center;text-align:center;}
  .community-page .nav-links a{justify-content:center;}
  .community-page .mobile-nav-search{width:100%;}
}

@media(max-width:820px){
  .community-hero-grid,.community-section-head,.community-questions-grid,.community-ask-grid{grid-template-columns:1fr;}
  .community-hero-copy{padding-top:12px;}
  .community-featured{width:100%;max-width:680px;margin-inline:auto;}
  .community-section-head{gap:17px;}
  .community-toolbar{justify-content:center;}
  .community-search{width:min(100%,560px);}
  .community-questions-intro,.community-ask-copy{position:static;}
  .community-questions-intro{max-width:650px;margin-inline:auto;}
  .community-feed-wrap{width:100%;max-width:760px;margin:14px auto 0;}
  .community-dialog-shell{grid-template-columns:1fr;background:#fff;}
  .community-player{width:100%;min-height:0;aspect-ratio:16/9;}
  .community-player-fallback{min-height:0;}
  .community-dialog-copy{padding:28px;}
  .community-page .newsletter-band{text-align:center;}
  .community-page .newsletter-form{justify-content:center;}
  .community-page .newsletter-consent{text-align:left;}
  .community-page .footer-grid,.community-page .footer-bottom{text-align:center;}
  .community-page .footer-brand .brand,.community-page .footer-social,.community-page .footer-legal{justify-content:center;}
  .community-page .footer-brand p{margin-inline:auto;}
  .community-page .footer-bottom{align-items:center;}
}

@media(max-width:600px){
  .community-hero{padding:44px 0 54px;}
  .community-hero-copy h1{font-size:clamp(2.65rem,13vw,4.1rem);}
  .community-hero-actions{flex-direction:column;}
  .community-hero-actions .btn{width:100%;}
  .community-trust{display:grid;gap:12px;}
  .community-featured-media{height:235px;}
  .community-featured-copy{padding:21px;}
  .community-play{left:17px;bottom:15px;}
  .community-play i{width:44px;height:44px;}
  .community-toolbar{display:flex;align-items:center;flex-direction:column;}
  .community-filters{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:2px 2px 7px;scroll-snap-type:x proximity;}
  .community-filter{flex:none;}
  .community-video-card{width:100%;max-width:500px;margin-inline:auto;}
  .community-video-cover{height:220px;}
  .community-card-overlay-description{right:15px;bottom:15px;left:73px;font-size:.7rem;}
  .community-video-body{min-height:245px;}
  .community-questions{padding:70px 0;}
  .community-feed-wrap,.community-feed-head{min-width:0;width:100%;}
  .community-question-filters{flex-wrap:wrap;justify-content:center;gap:8px;overflow:visible;padding:0;scroll-snap-type:none;}
  .community-question-filters .community-filter{min-height:36px;padding:0 11px;font-size:.66rem;}
  .community-question-card{width:100%;max-width:560px;margin-inline:auto;padding:21px 18px;}
  .community-question-author{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;text-align:left;gap:10px;}
  .community-question-author p{min-width:0;text-align:left;}
  .community-question-author strong,.community-question-author small,.community-question-card blockquote,.community-answer>p{overflow-wrap:anywhere;}
  .community-question-card blockquote{padding-inline:clamp(18px,8vw,32px);font-size:clamp(1.08rem,5vw,1.3rem);}
  .community-answer{padding:15px;}
  .community-answer-head,.community-answer>p{padding-inline:clamp(10px,6vw,24px);}
  .community-answer-head>span{display:none;}
  .community-category-tag{font-size:.58rem;}
  .community-form{padding:23px 18px;}
  .community-form-row{grid-template-columns:1fr;gap:0;}
  .community-video-dialog{width:calc(100% - 16px);}
  .community-dialog-copy{padding:23px 19px;}
}

@media(max-width:380px){
  .community-questions{padding:58px 0;}
  .community-feed-head h3{font-size:1.55rem;}
  .community-question-filters{gap:6px;}
  .community-question-filters .community-filter{min-height:34px;padding:0 9px;font-size:.62rem;}
  .community-question-card{padding:18px 14px;}
  .community-answer{padding:14px 12px;}
}

@media(prefers-reduced-motion:reduce){
  .community-featured-media img,.community-video-cover img,.community-video-card{transition:none;}
}