Legal notice

.loubane-legal-page { --lb-green: #0f3d2e; --lb-green-soft: #e7f4ee; --lb-green-light: #f6fbf8; --lb-black: #111111; --lb-white: #ffffff; --lb-text: #3f3f3f; --lb-border: rgba(15, 61, 46, 0.14); --lb-shadow: 0 18px 45px rgba(15, 61, 46, 0.08); font-family: inherit; color: var(--lb-black); background: linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); } .loubane-legal-hero { position: relative; padding: 72px 20px; text-align: center; color: var(--lb-white); overflow: hidden; background: radial-gradient(circle at 18% 18%, rgba(255,255,255,0.16), transparent 32%), linear-gradient(135deg, #0f3d2e 0%, #111111 100%); } .loubane-legal-hero::before { content: ""; position: absolute; width: 270px; height: 270px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.18); left: -90px; bottom: -120px; } .loubane-legal-hero::after { content: ""; position: absolute; width: 230px; height: 230px; border-radius: 50%; background: rgba(255,255,255,0.06); right: -70px; top: -80px; } .loubane-legal-badge { display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.22); color: var(--lb-white); padding: 8px 16px; border-radius: 999px; font-size: 13px; letter-spacing: 0.4px; margin-bottom: 18px; position: relative; z-index: 2; } .loubane-legal-hero h1 { position: relative; z-index: 2; margin: 0; color: var(--lb-white); font-size: clamp(30px, 5vw, 52px); line-height: 1.08; font-weight: 750; } .loubane-legal-hero p { position: relative; z-index: 2; max-width: 760px; margin: 18px auto 0; color: rgba(255,255,255,0.86); font-size: 16px; line-height: 1.8; } .loubane-legal-container { max-width: 1120px; margin: -36px auto 0; padding: 0 18px 80px; position: relative; z-index: 3; } .loubane-legal-card { background: var(--lb-white); border: 1px solid var(--lb-border); border-radius: 28px; box-shadow: var(--lb-shadow); padding: clamp(24px, 4vw, 44px); } .loubane-legal-intro { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 20px; margin-bottom: 24px; } .loubane-legal-box, .loubane-legal-highlight { border-radius: 22px; padding: 24px; border: 1px solid var(--lb-border); } .loubane-legal-box { background: var(--lb-green-light); } .loubane-legal-highlight { background: radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 40%), linear-gradient(135deg, #0f3d2e, #111111); color: var(--lb-white); } .loubane-legal-box h2, .loubane-legal-highlight h2 { margin: 0 0 10px; font-size: 24px; line-height: 1.3; } .loubane-legal-box h2 { color: var(--lb-green); } .loubane-legal-highlight h2 { color: var(--lb-white); } .loubane-legal-box p, .loubane-legal-highlight p { margin: 0; font-size: 15px; line-height: 1.85; } .loubane-legal-box p { color: var(--lb-text); } .loubane-legal-highlight p { color: rgba(255,255,255,0.86); } .loubane-legal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .loubane-legal-section { background: #ffffff; border: 1px solid var(--lb-border); border-radius: 22px; padding: 24px; } .loubane-legal-section.full { grid-column: 1 / -1; } .loubane-legal-icon { width: 42px; height: 42px; border-radius: 50%; background: var(--lb-green-soft); color: var(--lb-green); display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 14px; font-weight: 700; } .loubane-legal-section h2 { margin: 0 0 12px; color: var(--lb-black); font-size: 22px; line-height: 1.3; } .loubane-legal-section p { margin: 0 0 12px; color: var(--lb-text); font-size: 15px; line-height: 1.85; } .loubane-legal-section p:last-child { margin-bottom: 0; } .loubane-legal-list { margin: 14px 0 0; padding: 0; list-style: none; } .loubane-legal-list li { display: flex; gap: 10px; align-items: flex-start; color: var(--lb-text); font-size: 15px; line-height: 1.75; margin-bottom: 10px; } .loubane-legal-list li::before { content: "✓"; color: var(--lb-green); font-weight: 800; flex: 0 0 auto; } .loubane-legal-note { margin-top: 28px; border-radius: 26px; background: radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 38%), linear-gradient(135deg, #111111 0%, #0f3d2e 100%); color: var(--lb-white); padding: 34px; text-align: center; } .loubane-legal-note h2 { margin: 0 0 10px; color: var(--lb-white); font-size: 26px; } .loubane-legal-note p { max-width: 720px; margin: 0 auto 20px; color: rgba(255,255,255,0.86); line-height: 1.8; font-size: 15px; } .loubane-legal-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--lb-white); color: var(--lb-green); padding: 14px 24px; border-radius: 999px; text-decoration: none; font-weight: 750; transition: all 0.25s ease; } .loubane-legal-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,0.18); } @media (max-width: 860px) { .loubane-legal-intro, .loubane-legal-grid { grid-template-columns: 1fr; } .loubane-legal-hero { padding: 56px 16px; } .loubane-legal-container { margin-top: -24px; padding-bottom: 54px; } .loubane-legal-note { padding: 26px 18px; } } /* LOUBANE NEW LOGO PALETTE OVERRIDE */ .loubane-policy-page, .loubane-privacy-page, .loubane-terms-page, .loubane-shipping-page, .loubane-info-page, .loubane-legal-page, .loubane-about-page, .loubane-contact-page, .loubane-track-page { --lb-green: #111111 !important; --lb-green-2: #3A2A1F !important; --lb-green-soft: #EFE1D0 !important; --lb-green-light: #F8F4EF !important; --lb-soft: #EFE1D0 !important; --lb-soft-2: #F8F4EF !important; --lb-black: #111111 !important; --lb-white: #FFFFFF !important; --lb-text: #3A2A1F !important; --lb-muted: #75685E !important; --lb-border: rgba(200, 162, 122, 0.28) !important; --lb-shadow: 0 18px 45px rgba(17, 17, 17, 0.08) !important; --lb-shadow-strong: 0 28px 70px rgba(17, 17, 17, 0.16) !important; } /* MAIN PAGE BACKGROUND */ .loubane-policy-page, .loubane-privacy-page, .loubane-terms-page, .loubane-shipping-page, .loubane-info-page, .loubane-legal-page, .loubane-about-page, .loubane-contact-page, .loubane-track-page { background: linear-gradient(180deg, #ffffff 0%, #f8f4ef 100%) !important; } /* HERO SECTIONS */ .loubane-policy-hero, .loubane-privacy-hero, .loubane-terms-hero, .loubane-shipping-hero, .loubane-info-hero, .loubane-legal-hero, .loubane-about-hero, .loubane-contact-hero, .loubane-track-hero { background: radial-gradient(circle at 18% 18%, rgba(232, 213, 189, 0.22), transparent 34%), radial-gradient(circle at 85% 10%, rgba(200, 162, 122, 0.16), transparent 30%), linear-gradient(135deg, #111111 0%, #3A2A1F 52%, #C8A27A 140%) !important; } /* BADGES */ .loubane-policy-hero span, .loubane-privacy-hero-badge, .loubane-terms-badge, .loubane-shipping-badge, .loubane-info-badge, .loubane-legal-badge, .loubane-about-badge, .loubane-contact-badge, .loubane-track-badge { background: rgba(232, 213, 189, 0.13) !important; border-color: rgba(232, 213, 189, 0.32) !important; color: #ffffff !important; } /* DARK GRADIENT BLOCKS */ .loubane-policy-highlight, .loubane-policy-contact, .loubane-privacy-safe, .loubane-privacy-contact, .loubane-terms-highlight, .loubane-terms-contact, .loubane-shipping-contact, .loubane-info-panel, .loubane-legal-highlight, .loubane-legal-note, .loubane-about-dark, .loubane-about-final, .loubane-contact-side-top, .loubane-contact-final, .loubane-track-info-top, .loubane-track-final { background: radial-gradient(circle at top right, rgba(232, 213, 189, 0.18), transparent 40%), linear-gradient(135deg, #111111 0%, #3A2A1F 62%, #C8A27A 145%) !important; } /* ICONS */ .loubane-policy-icon, .loubane-privacy-icon, .loubane-terms-icon, .loubane-shipping-icon, .loubane-info-icon, .loubane-legal-icon, .loubane-about-value-icon, .loubane-about-avatar, .loubane-about-process-step small, .loubane-contact-info-icon, .loubane-contact-help-card span, .loubane-track-status-icon, .loubane-track-step span { background: linear-gradient(135deg, #111111 0%, #C8A27A 130%) !important; color: #ffffff !important; } /* SOFT CARDS */ .loubane-policy-note, .loubane-policy-section, .loubane-step, .loubane-privacy-intro, .loubane-privacy-section, .loubane-privacy-mini, .loubane-terms-box, .loubane-terms-section, .loubane-terms-step, .loubane-shipping-summary-item, .loubane-shipping-section, .loubane-shipping-step, .loubane-info-item, .loubane-info-note, .loubane-legal-box, .loubane-legal-section, .loubane-about-stat, .loubane-about-section, .loubane-about-story-card, .loubane-about-value, .loubane-about-light-panel, .loubane-about-material, .loubane-about-process-step, .loubane-about-product, .loubane-about-testimonial, .loubane-about-faq-item, .loubane-contact-side, .loubane-contact-form-card, .loubane-contact-info-item, .loubane-contact-help-card, .loubane-track-info, .loubane-track-form-card, .loubane-track-status-card, .loubane-track-step { border-color: rgba(200, 162, 122, 0.28) !important; } /* LIGHT BACKGROUND ELEMENTS */ .loubane-policy-note, .loubane-step, .loubane-privacy-intro, .loubane-privacy-mini, .loubane-terms-box, .loubane-terms-step, .loubane-shipping-summary-item, .loubane-shipping-step, .loubane-info-item, .loubane-about-story-card, .loubane-about-value, .loubane-about-light-panel, .loubane-about-material, .loubane-about-process-step, .loubane-about-product, .loubane-about-testimonial, .loubane-about-faq-item, .loubane-contact-info-item, .loubane-track-status-card { background: #F8F4EF !important; } /* HEADINGS / GOLD ACCENTS */ .loubane-policy-note h2, .loubane-privacy-intro h2, .loubane-privacy-mini strong, .loubane-terms-box h2, .loubane-info-note h2, .loubane-legal-box h2, .loubane-about-eyebrow, .loubane-about-story-card h3, .loubane-about-material strong, .loubane-about-stars, .loubane-about-faq-item h3, .loubane-contact-form-head span, .loubane-track-form-head span { color: #C8A27A !important; } .loubane-about-eyebrow, .loubane-contact-form-head span, .loubane-track-form-head span { background: #F1E3D3 !important; } /* BUTTONS */ .loubane-whatsapp-btn, .loubane-privacy-btn, .loubane-terms-btn, .loubane-shipping-btn, .loubane-info-btn, .loubane-legal-btn, .loubane-about-btn.primary, .loubane-contact-whatsapp-btn, .loubane-track-whatsapp-btn { background: linear-gradient(135deg, #111111 0%, #3A2A1F 55%, #C8A27A 140%) !important; color: #ffffff !important; } .loubane-info-btn.secondary, .loubane-about-btn.secondary { background: rgba(255, 255, 255, 0.12) !important; color: #ffffff !important; border: 1px solid rgba(232, 213, 189, 0.32) !important; } .loubane-contact-submit, .loubane-track-submit { background: linear-gradient(135deg, #111111 0%, #3A2A1F 55%, #C8A27A 140%) !important; color: #ffffff !important; } /* FORM FIELDS */ .loubane-contact-field input, .loubane-contact-field select, .loubane-contact-field textarea, .loubane-track-field input, .loubane-track-field textarea { background: #F8F4EF !important; border-color: rgba(200, 162, 122, 0.28) !important; color: #111111 !important; } .loubane-contact-field input:focus, .loubane-contact-field select:focus, .loubane-contact-field textarea:focus, .loubane-track-field input:focus, .loubane-track-field textarea:focus { border-color: rgba(200, 162, 122, 0.65) !important; box-shadow: 0 0 0 4px rgba(200, 162, 122, 0.12) !important; background: #ffffff !important; } /* LINKS */ .loubane-info-item a:hover, .loubane-contact-info-item a:hover { color: #C8A27A !important; }