/* ══════════════════════════════════════════════════════════
   Creative Wine — extras.css
   Language toggle, hero newsletter, share section,
   newsletter form, cookie banner
   ══════════════════════════════════════════════════════════ */
   
   .hero-scroll {
	   left: 0 !important;
	   right: 0 !important;
	   width: fit-content;
	   margin-left: auto;
	   margin-right: auto;
   }
   
   /* ── Language Toggle ───────────────────────────────────── */
   .lang-toggle {
	   position: absolute;
	   top: 1.2rem;
	   left: 50%;
	   transform: translateX(-50%);
	   z-index: 100;
	   display: flex;
	   align-items: center;
	   gap: 0.5rem;
	   font-family: 'Montserrat', sans-serif;
   }
   
   .lang-btn {
	   width: 36px;
	   height: 36px;
	   border-radius: 50%;
	   border: 1.5px solid rgba(255, 255, 255, 0.25);
	   background: rgba(255, 255, 255, 0.08);
	   backdrop-filter: blur(8px);
	   -webkit-backdrop-filter: blur(8px);
	   color: rgba(255, 255, 255, 0.5);
	   cursor: pointer;
	   font-family: inherit;
	   font-size: 0.65rem;
	   font-weight: 700;
	   letter-spacing: 0.06em;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   transition: all 0.3s ease;
   }
   
   .lang-btn:hover {
	   background: rgba(255, 255, 255, 0.15);
	   border-color: rgba(255, 255, 255, 0.5);
	   color: #fff;
   }
   
   .lang-btn.active {
	   background: rgba(255, 255, 255, 0.92);
	   border-color: #fff;
	   color: #0e0e0e;
   }
   
   .lang-sep {
	   display: none;
   }
   
   
   /* ── Hero Newsletter CTA ──────────────────────────────── */
   .hero-newsletter {
	   margin-top: 2.2rem;
	   max-width: 400px;
	   width: 100%;
   }
   
   .hero-nl-wrap {
	   display: flex;
	   gap: 0;
	   border: 1px solid rgba(255, 255, 255, 0.2);
	   border-radius: 3px;
	   overflow: hidden;
	   backdrop-filter: blur(8px);
	   -webkit-backdrop-filter: blur(8px);
	   background: rgba(0, 0, 0, 0.25);
	   transition: border-color 0.3s ease;
   }
   
   .hero-nl-wrap:focus-within {
	   border-color: rgba(110, 186, 200, 0.6);
   }
   
   .hero-nl-input {
	   flex: 1;
	   background: transparent;
	   border: none;
	   padding: 0.75rem 1rem;
	   color: #fff;
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.82rem;
	   outline: none;
	   min-width: 0;
   }
   
   .hero-nl-input::placeholder {
	   color: rgba(255, 255, 255, 0.35);
   }
   
   .hero-nl-btn {
	   display: inline-flex;
	   align-items: center;
	   gap: 0.35rem;
	   background: rgba(110, 186, 200, 0.85);
	   color: #0e0e0e;
	   border: none;
	   padding: 0.75rem 1.2rem;
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.78rem;
	   font-weight: 600;
	   letter-spacing: 0.03em;
	   cursor: pointer;
	   transition: background 0.3s ease;
	   white-space: nowrap;
   }
   
   .hero-nl-btn:hover {
	   background: rgba(207, 184, 107, 0.9);
   }
   
   .hero-nl-msg {
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.75rem;
	   margin-top: 0.5rem;
	   min-height: 1em;
	   color: #6EBAC8;
   }
   
   
   /* ── Share Your Vision Section ─────────────────────────── */
   .share {
	   padding: 6rem 2rem;
	   background: #0e0e0e;
	   text-align: center;
	   border-top: 1px solid rgba(255, 255, 255, 0.05);
   }
   
   .share-inner {
	   max-width: 700px;
	   margin: 0 auto;
   }
   
   .share-eyebrow {
	   font-family: 'Montserrat', sans-serif;
	   font-size: 0.7rem;
	   font-weight: 600;
	   letter-spacing: 0.25em;
	   text-transform: uppercase;
	   color: #6EBAC8;
	   margin-bottom: 1.2rem;
   }
   
   .share h2 {
	   font-family: 'Montserrat', sans-serif;
	   font-size: clamp(1.6rem, 3.5vw, 2.4rem);
	   font-weight: 700;
	   color: #fff;
	   line-height: 1.2;
	   margin-bottom: 1.2rem;
   }
   
   .share-desc {
	   font-family: 'Poppins', sans-serif;
	   font-size: clamp(0.85rem, 1.3vw, 1rem);
	   color: rgba(255, 255, 255, 0.55);
	   line-height: 1.7;
	   max-width: 540px;
	   margin: 0 auto 2.5rem;
   }
   
   .share-channels {
	   display: flex;
	   gap: 1.5rem;
	   justify-content: center;
	   flex-wrap: wrap;
   }
   
   .share-channel {
	   display: flex;
	   flex-direction: column;
	   align-items: center;
	   gap: 0.5rem;
	   padding: 1.8rem 2.2rem;
	   border: 1px solid rgba(255, 255, 255, 0.1);
	   border-radius: 6px;
	   text-decoration: none;
	   transition: border-color 0.3s ease, background 0.3s ease;
	   min-width: 200px;
   }
   
   .share-channel:hover {
	   border-color: rgba(110, 186, 200, 0.4);
	   background: rgba(255, 255, 255, 0.03);
   }
   
   .share-channel svg {
	   color: #6EBAC8;
   }
   
   .share-channel-label {
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.75rem;
	   font-weight: 500;
	   color: rgba(255, 255, 255, 0.5);
	   letter-spacing: 0.04em;
   }
   
   .share-channel-value {
	   font-family: 'Montserrat', sans-serif;
	   font-size: 0.82rem;
	   font-weight: 600;
	   color: #CFB86B;
   }
   
   
   /* ── Newsletter Form (Community section) ───────────────── */
   .newsletter-form {
	   max-width: 480px;
	   margin: 2.5rem auto 2rem;
	   text-align: center;
	   position: relative;
   }
   
   .newsletter-label {
	   font-family: 'Poppins', sans-serif;
	   font-size: clamp(0.85rem, 1.2vw, 1rem);
	   color: rgba(255, 255, 255, 0.7);
	   letter-spacing: 0.04em;
	   margin-bottom: 1rem;
   }
   
   .newsletter-input-wrap {
	   display: flex;
	   gap: 0;
	   border: 1px solid rgba(255, 255, 255, 0.15);
	   border-radius: 4px;
	   overflow: hidden;
	   transition: border-color 0.3s ease;
   }
   
   .newsletter-input-wrap:focus-within {
	   border-color: #6EBAC8;
   }
   
   .newsletter-input {
	   flex: 1;
	   background: rgba(255, 255, 255, 0.06);
	   border: none;
	   padding: 0.85rem 1.2rem;
	   color: #fff;
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.9rem;
	   outline: none;
   }
   
   .newsletter-input::placeholder {
	   color: rgba(255, 255, 255, 0.35);
   }
   
   .newsletter-btn {
	   display: inline-flex;
	   align-items: center;
	   gap: 0.4rem;
	   background: #6EBAC8;
	   color: #0e0e0e;
	   border: none;
	   padding: 0.85rem 1.4rem;
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.85rem;
	   font-weight: 600;
	   letter-spacing: 0.03em;
	   cursor: pointer;
	   transition: background 0.3s ease;
	   white-space: nowrap;
   }
   
   .newsletter-btn:hover {
	   background: #CFB86B;
   }
   
   .newsletter-btn:disabled {
	   opacity: 0.5;
	   cursor: not-allowed;
   }
   
   .newsletter-msg {
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.8rem;
	   margin-top: 0.7rem;
	   min-height: 1.2em;
   }
   
   .newsletter-msg.success {
	   color: #6EBAC8;
   }
   
   .newsletter-msg.error {
	   color: #D4556B;
   }
   
   .newsletter-privacy {
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.7rem;
	   color: rgba(255, 255, 255, 0.3);
	   margin-top: 0.5rem;
	   letter-spacing: 0.02em;
   }
   
   
   /* ── Cookie Banner ─────────────────────────────────────── */
   .cookie-banner {
	   position: fixed;
	   bottom: 0;
	   left: 0;
	   right: 0;
	   z-index: 9999;
	   background: rgba(14, 14, 14, 0.96);
	   backdrop-filter: blur(12px);
	   -webkit-backdrop-filter: blur(12px);
	   border-top: 1px solid rgba(255, 255, 255, 0.08);
	   padding: 1.2rem 2rem;
	   transform: translateY(100%);
	   transition: transform 0.4s ease;
   }
   
   .cookie-banner.visible {
	   transform: translateY(0);
   }
   
   .cookie-inner {
	   max-width: 900px;
	   margin: 0 auto;
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	   gap: 1.5rem;
   }
   
   .cookie-text {
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.78rem;
	   color: rgba(255, 255, 255, 0.6);
	   line-height: 1.5;
   }
   
   .cookie-actions {
	   display: flex;
	   gap: 0.6rem;
	   flex-shrink: 0;
   }
   
   .cookie-btn {
	   font-family: 'Poppins', sans-serif;
	   font-size: 0.75rem;
	   font-weight: 600;
	   padding: 0.55rem 1.1rem;
	   border-radius: 3px;
	   cursor: pointer;
	   transition: background 0.3s ease;
	   white-space: nowrap;
   }
   
   .cookie-accept {
	   background: #6EBAC8;
	   color: #0e0e0e;
	   border: none;
   }
   
   .cookie-accept:hover {
	   background: #CFB86B;
   }
   
   .cookie-decline {
	   background: transparent;
	   color: rgba(255, 255, 255, 0.5);
	   border: 1px solid rgba(255, 255, 255, 0.15);
   }
   
   .cookie-decline:hover {
	   color: rgba(255, 255, 255, 0.8);
	   border-color: rgba(255, 255, 255, 0.3);
   }
   
   
   /* ── Responsive ────────────────────────────────────────── */
   @media (max-width: 640px) {
	   .lang-toggle {
		   top: 0.8rem;
	   }
   
	   .lang-btn {
		   width: 32px;
		   height: 32px;
		   font-size: 0.6rem;
	   }
   
	   .hero-newsletter {
		   padding: 0 1rem;
	   }
   
	   .hero-nl-wrap {
		   flex-direction: column;
	   }
   
	   .hero-nl-btn {
		   justify-content: center;
		   padding: 0.65rem;
	   }
   
	   .newsletter-input-wrap {
		   flex-direction: column;
	   }
   
	   .newsletter-btn {
		   justify-content: center;
		   padding: 0.75rem;
	   }
   
	   .share {
		   padding: 4rem 1.5rem;
	   }
   
	   .share-channels {
		   flex-direction: column;
		   align-items: center;
	   }
   
	   .share-channel {
		   width: 100%;
		   max-width: 280px;
	   }
   
	   .cookie-inner {
		   flex-direction: column;
		   text-align: center;
	   }
   }