.content-primary-wrapper{position:relative;max-width:1600px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);background-color:var(--color-paper);background-image:url('/media/web/vagues-organiques-en-bleu-clair-sur-fond-pale-style-aquatique-minimali_119c1f0d.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:clamp(0.75rem,2vw,1.5rem);box-shadow:0 4px 12px rgba(0,105,148,0.15);overflow:hidden;transition:box-shadow 0.4s ease-in-out}.content-primary-wrapper:hover{box-shadow:0 8px 24px rgba(0,105,148,0.25)}.content-primary-inner{position:relative;z-index:1;clip-path:polygon(0 0,100% 0,100% 95%,98% 97%,96% 98%,94% 99%,92% 99.5%,90% 100%,10% 100%,8% 99.5%,6% 99%,4% 98%,2% 97%,0 95%);transition:clip-path 0.6s ease-out}.content-primary-inner:hover{clip-path:polygon(0 0,100% 0,100% 92%,98% 94%,96% 95%,94% 96%,92% 96.5%,90% 97%,10% 97%,8% 96.5%,6% 96%,4% 95%,2% 94%,0 92%)}.content-primary-content{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text-primary);padding:clamp(1rem,3vw,2rem);background-color:rgba(230,243,255,0.8);border-radius:clamp(0.5rem,1.5vw,1rem);backdrop-filter:blur(2px)}.content-primary-content h1,.content-primary-content h2,.content-primary-content h3,.content-primary-content h4,.content-primary-content h5,.content-primary-content h6{font-family:var(--font-family-heading);line-height:var(--line-height-heading);color:var(--color-primary);margin-bottom:clamp(0.5rem,2vw,1rem);text-shadow:0 1px 3px rgba(0,105,148,0.2)}.content-primary-content h1{font-size:var(--font-size-h1)}.content-primary-content h2{font-size:var(--font-size-h2)}.content-primary-content h3{font-size:var(--font-size-h3)}.content-primary-content h4{font-size:var(--font-size-h4)}.content-primary-content h5{font-size:var(--font-size-h5)}.content-primary-content h6{font-size:var(--font-size-h6)}.content-primary-content p{margin-bottom:clamp(1rem,3vw,1.5rem)}.content-primary-content a{color:var(--color-secondary);text-decoration:none;transition:color 0.3s ease}.content-primary-content a:hover{color:var(--color-secondary-light);text-decoration:underline}@media (max-width:1024px){.content-primary-wrapper{padding:clamp(1.5rem,4vw,3rem) clamp(0.75rem,3vw,1.5rem)}}@media (max-width:768px){.content-primary-wrapper{padding:clamp(1rem,3vw,2rem) clamp(0.5rem,2vw,1rem)}.content-primary-inner{clip-path:polygon(0 0,100% 0,100% 97%,95% 99%,90% 100%,10% 100%,5% 99%,0 97%)}.content-primary-inner:hover{clip-path:polygon(0 0,100% 0,100% 94%,95% 96%,90% 97%,10% 97%,5% 96%,0 94%)}.content-primary-content{padding:clamp(0.75rem,2vw,1.5rem)}}@media (max-width:480px){.content-primary-wrapper{padding:1rem 0.5rem;border-radius:0.5rem}.content-primary-inner{clip-path:polygon(0 0,100% 0,100% 99%,90% 100%,10% 100%,0 99%)}.content-primary-inner:hover{clip-path:polygon(0 0,100% 0,100% 96%,90% 97%,10% 97%,0 96%)}.content-primary-content{padding:1rem;border-radius:0.25rem}}.latest-articles-container{max-width:1600px;margin:0 auto;padding:clamp(2rem,5vw,4rem);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-paper) 100%);border-radius:clamp(1rem,3vw,2rem);box-shadow:0 8px 32px rgba(0,105,148,0.1);position:relative}.latest-articles-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);border-radius:2px 2px 0 0}.latest-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,25vw,400px),1fr));gap:clamp(1.5rem,4vw,3rem);position:relative}.latest-articles-item{background:var(--color-paper);border-radius:clamp(0.75rem,2vw,1.5rem);box-shadow:0 4px 16px rgba(0,105,148,0.15);overflow:hidden;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s ease;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);position:relative}.latest-articles-item:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 12px 40px rgba(0,105,148,0.25)}.latest-articles-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,rgba(46,139,87,0.1) 0%,rgba(46,139,87,0) 100%);clip-path:ellipse(50% 100% at 50% 0%);opacity:0;transition:opacity 0.4s ease}.latest-articles-item:hover::after{opacity:1}.latest-articles-media{margin:0;overflow:hidden;position:relative}.latest-articles-media img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;transition:transform 0.4s ease;border-radius:0}.latest-articles-item:hover .latest-articles-media img{transform:scale(1.05)}.latest-articles-content{padding:clamp(1rem,3vw,1.5rem);display:flex;flex-direction:column;gap:clamp(0.5rem,1.5vw,1rem)}.latest-articles-title{font-family:var(--font-family-heading);font-size:var(--font-size-h5);line-height:var(--line-height-heading);margin:0}.latest-articles-title a{color:var(--color-text-primary);text-decoration:none;position:relative;transition:color 0.3s ease}.latest-articles-title a:hover{color:var(--color-primary)}.latest-articles-title a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width 0.3s ease}.latest-articles-title a:hover::after{width:100%}.latest-articles-excerpt{font-family:var(--font-family-body);font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.latest-articles-meta{display:flex;flex-wrap:wrap;gap:clamp(0.5rem,1vw,1rem);font-size:var(--font-size-small);color:var(--color-text-disabled);margin-top:auto}.latest-articles-author,.latest-articles-date,.latest-articles-reading-time{font-family:var(--font-family-body)}.latest-articles-author::before{content:'👤';margin-right:0.25rem}.latest-articles-date::before{content:'📅';margin-right:0.25rem}.latest-articles-reading-time::before{content:'⏱️';margin-right:0.25rem}@media (max-width:480px){.latest-articles-grid{grid-template-columns:1fr}}@media (max-width:768px){.latest-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.latest-articles-container{padding:clamp(1.5rem,4vw,3rem)}}.content-secondary-tertiary-wrapper{max-width:1600px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(2rem,5vw,3rem);background:var(--color-background);position:relative}.content-secondary-tertiary-secondary{flex:1;padding:clamp(1.5rem,4vw,3rem);background:var(--color-paper);border-radius:clamp(0.5rem,2vw,1rem);box-shadow:0 4px 12px rgba(0,105,148,0.1);position:relative;clip-path:polygon(0% 0%,100% 0%,100% 90%,85% 100%,0% 100%);transition:transform 0.4s ease,box-shadow 0.4s ease}.content-secondary-tertiary-secondary:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,105,148,0.15)}.content-secondary-tertiary-secondary h2,.content-secondary-tertiary-secondary h3,.content-secondary-tertiary-secondary h4,.content-secondary-tertiary-secondary h5,.content-secondary-tertiary-secondary h6{font-family:var(--font-family-heading);font-size:clamp(1.25rem,3vw,1.75rem);line-height:var(--line-height-heading);color:var(--color-primary);margin-bottom:clamp(1rem,2vw,1.5rem);position:relative}.content-secondary-tertiary-secondary h2::before{content:'';position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:var(--color-accent);border-radius:2px;transition:width 0.3s ease}.content-secondary-tertiary-secondary h2:hover::before{width:60px}.content-secondary-tertiary-secondary p{font-family:var(--font-family-body);font-size:clamp(0.875rem,2vw,1rem);line-height:var(--line-height-body);color:var(--color-text-primary);margin-bottom:clamp(1rem,2vw,1.5rem)}.content-secondary-tertiary-tertiary{flex:0 0 clamp(250px,25vw,400px);padding:clamp(1.5rem,4vw,3rem);background:rgba(46,139,87,0.05);border-radius:clamp(0.5rem,2vw,1rem);border-left:4px solid var(--color-secondary);box-shadow:inset 0 0 20px rgba(46,139,87,0.1);position:relative;clip-path:polygon(0% 0%,100% 0%,100% 100%,15% 85%,0% 100%);transition:transform 0.4s ease,border-left-color 0.4s ease}.content-secondary-tertiary-tertiary:hover{transform:translateX(8px);border-left-color:var(--color-secondary-light)}.content-secondary-tertiary-tertiary h3,.content-secondary-tertiary-tertiary h4,.content-secondary-tertiary-tertiary h5,.content-secondary-tertiary-tertiary h6{font-family:var(--font-family-heading);font-size:clamp(1rem,2.5vw,1.5rem);line-height:var(--line-height-heading);color:var(--color-secondary);margin-bottom:clamp(1rem,2vw,1.5rem)}.content-secondary-tertiary-tertiary p{font-family:var(--font-family-body);font-size:clamp(0.875rem,2vw,1rem);line-height:var(--line-height-body);color:var(--color-text-secondary);margin-bottom:clamp(0.75rem,1.5vw,1rem)}@media (min-width:768px){.content-secondary-tertiary-wrapper{flex-direction:row;align-items:flex-start}.content-secondary-tertiary-secondary{flex:2}.content-secondary-tertiary-tertiary{flex:1;position:sticky;top:2rem}}:root{--_border-radius-wave:clamp(8px,2vw,16px);--_shadow-depth:0 4px 12px rgba(0,105,148,0.15);--_spacing-unit:clamp(12px,3vw,24px);--_transition-base:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.featured-products-container{max-width:1600px;margin:0 auto;padding:var(--_spacing-unit);background:linear-gradient(135deg,var(--color-background-default) 0%,var(--color-paper) 100%);border-radius:var(--_border-radius-wave);box-shadow:var(--_shadow-depth);position:relative;overflow:hidden}.featured-products-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(77,166,201,0.1) 0%,rgba(0,71,106,0.05) 100%);clip-path:polygon(0 0,100% 0,100% 80%,85% 90%,70% 85%,50% 95%,30% 88%,15% 92%,0 85%);pointer-events:none;z-index:-1}.featured-products-intro{text-align:center;margin-bottom:var(--_spacing-unit);padding:var(--_spacing-unit)}.featured-products-heading{font-family:var(--font-family-heading);font-size:var(--font-size-h3);line-height:var(--line-height-heading);color:var(--color-primary-main);margin:0 0 calc(var(--_spacing-unit) / 2) 0;position:relative}.featured-products-heading::after{content:'⚓';position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:var(--font-size-h4);opacity:0.7;animation:sway 3s ease-in-out infinite}@keyframes sway{0%,100%{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(-50%) rotate(5deg)}}.featured-products-description{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.featured-products-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--_spacing-unit);padding:var(--_spacing-unit)}.featured-products-item{background:var(--color-paper);border-radius:var(--_border-radius-wave);box-shadow:var(--_shadow-depth);overflow:hidden;transition:var(--_transition-base);position:relative}.featured-products-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,105,148,0.25)}.featured-products-content-wrapper{padding:var(--_spacing-unit)}.featured-products-link{display:block;text-decoration:none;color:inherit;transition:var(--_transition-base)}.featured-products-link:hover{color:var(--color-primary-dark)}.featured-products-image-container{margin-bottom:calc(var(--_spacing-unit) / 2);border-radius:calc(var(--_border-radius-wave) / 2);overflow:hidden;position:relative}.featured-products-image-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,140,0,0.1) 0%,rgba(46,139,87,0.05) 100%);clip-path:ellipse(70% 50% at 50% 50%);z-index:1;pointer-events:none}.featured-products-image{width:100%;height:auto;display:block;transition:var(--_transition-base)}.featured-products-image:hover{transform:scale(1.05)}.featured-products-info{margin-bottom:var(--_spacing-unit)}.featured-products-title{font-family:var(--font-family-heading);font-size:var(--font-size-h5);line-height:var(--line-height-heading);color:var(--color-text-primary);margin:0 0 calc(var(--_spacing-unit) / 4) 0}.featured-products-brand{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--color-accent);font-weight:600;display:block;margin-bottom:calc(var(--_spacing-unit) / 4)}.featured-products-excerpt{font-family:var(--font-family-body);font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.featured-products-offers{border-top:1px solid rgba(26,26,26,0.1);padding-top:var(--_spacing-unit)}.featured-products-offers-title{font-family:var(--font-family-heading);font-size:var(--font-size-h6);color:var(--color-text-primary);margin:0 0 calc(var(--_spacing-unit) / 2) 0}.featured-products-offers-list{display:flex;flex-direction:column;gap:calc(var(--_spacing-unit) / 2)}.featured-products-offer{background:var(--color-background-default);border-radius:calc(var(--_border-radius-wave) / 2);padding:calc(var(--_spacing-unit) / 2);transition:var(--_transition-base);position:relative}.featured-products-offer:hover{background:rgba(77,166,201,0.1)}.featured-products-best-offer{border:2px solid var(--color-accent)}.featured-products-best-indicator{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:var(--color-accent-contrast);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);z-index:2}.featured-products-offer-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;transition:var(--_transition-base)}.featured-products-offer-link:hover{transform:translateX(4px)}.featured-products-merchant{display:flex;align-items:center;gap:calc(var(--_spacing-unit) / 4);flex:1}.featured-products-merchant-logo{width:24px;height:24px;object-fit:contain}.featured-products-merchant-name{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--color-text-primary);font-weight:500}.featured-products-price-section{display:flex;flex-direction:column;align-items:flex-end;flex:1}.featured-products-price{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.featured-products-best-price{color:var(--color-accent)}.featured-products-shipping{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--color-text-secondary)}.featured-products-cta{background:var(--color-primary-main);color:var(--color-primary-contrast);padding:calc(var(--_spacing-unit) / 4) calc(var(--_spacing-unit) / 2);border-radius:calc(var(--_border-radius-wave) / 2);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:500;transition:var(--_transition-base);cursor:pointer}.featured-products-cta:hover{background:var(--color-primary-dark);transform:scale(1.05)}.featured-products-empty{text-align:center;padding:var(--_spacing-unit);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-base)}@media (max-width:1024px){.featured-products-mosaic{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.featured-products-mosaic{grid-template-columns:1fr}.featured-products-offer-link{flex-direction:column;align-items:flex-start;gap:calc(var(--_spacing-unit) / 2)}.featured-products-price-section{align-items:flex-start}}@media (max-width:480px){.featured-products-container{padding:calc(var(--_spacing-unit) / 2)}.featured-products-mosaic{padding:calc(var(--_spacing-unit) / 2)}.featured-products-content-wrapper{padding:calc(var(--_spacing-unit) / 2)}}.newsletter-signup{background:var(--color-background-paper);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);max-width:1600px;margin:0 auto;position:relative;overflow:hidden;border-radius:clamp(1rem,3vw,2rem);box-shadow:0 4px 20px rgba(0,105,148,0.1)}.newsletter-signup-container{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);align-items:center}.newsletter-signup-visual{position:relative;width:100%;max-width:600px;clip-path:ellipse(70% 60% at 50% 40%);transition:transform 0.6s ease-in-out,filter 0.6s ease-in-out}.newsletter-signup-visual:hover{transform:scale(1.05) rotate(1deg);filter:brightness(1.1) saturate(1.2)}.newsletter-signup_temp_a801b26b-image{width:100%;height:auto;object-fit:cover;border-radius:clamp(0.5rem,2vw,1rem);box-shadow:0 6px 30px rgba(0,105,148,0.2)}.newsletter-signup-content{text-align:center;max-width:800px;padding:clamp(1rem,3vw,2rem);background:rgba(230,243,255,0.8);border-radius:clamp(1rem,3vw,2rem);border:2px solid var(--color-primary-light);position:relative;overflow:hidden}.newsletter-signup-content::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(77,166,201,0.3) 50%,rgba(255,255,255,0) 100%);animation:wave 4s infinite linear;z-index:0}@keyframes wave{0%{left:-100%}100%{left:100%}}.newsletter-signup-text{font-family:var(--font-family-body);font-size:clamp(1rem,2.5vw,1.25rem);line-height:var(--line-height-body);color:var(--color-text-primary);margin:0 0 clamp(1.5rem,3vw,2rem) 0;position:relative;z-index:1;padding:0 clamp(0.5rem,2vw,1rem)}.newsletter-signup-form{display:flex;flex-direction:column;gap:clamp(0.75rem,2vw,1rem);align-items:center;position:relative;z-index:1;padding:0 clamp(0.5rem,2vw,1rem)}.newsletter-signup-label{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--color-text-secondary);align-self:flex-start;margin-bottom:0.25rem}.newsletter-signup-input{width:100%;max-width:400px;padding:clamp(0.75rem,2vw,1rem);border:2px solid var(--color-primary-light);border-radius:clamp(0.5rem,2vw,1rem);font-family:var(--font-family-body);font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-primary);background:var(--color-background);transition:border-color 0.3s ease,box-shadow 0.3s ease,transform 0.2s ease}.newsletter-signup-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px rgba(0,105,148,0.3);transform:translateY(-2px)}.newsletter-signup-button{padding:clamp(0.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:clamp(0.5rem,2vw,1rem);font-family:var(--font-family-heading);font-size:clamp(1rem,2vw,1.125rem);font-weight:bold;cursor:pointer;transition:background 0.3s ease,transform 0.2s ease,box-shadow 0.3s ease;position:relative;overflow:hidden}.newsletter-signup-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-primary-dark);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;z-index:0}.newsletter-signup-button:hover::before{width:300px;height:300px}.newsletter-signup-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,105,148,0.4)}.newsletter-signup-button span{position:relative;z-index:1}@media (min-width:768px){.newsletter-signup-container{flex-direction:row;align-items:flex-start}.newsletter-signup-visual{flex:1;max-width:50%}.newsletter-signup-content{flex:1;max-width:50%;text-align:left}.newsletter-signup-form{align-items:stretch}.newsletter-signup-label{align-self:stretch}.newsletter-signup-input{max-width:none}.newsletter-signup-button{align-self:flex-start}}@media (min-width:1024px){.newsletter-signup{padding:clamp(3rem,6vw,5rem) clamp(2rem,5vw,3rem)}.newsletter-signup-container{gap:clamp(2rem,5vw,4rem)}}