/* Accueil myalpine.shop v2 — reproduction de la maquette 01_MyAlpine_Page_Accueil.png (17.10.2026).
   Mesures prises sur la maquette (1024 px) × 1,406 pour un écran de 1440 px. Police des titres : Lora (auto-hébergée). */
@font-face{font-family:"Lora";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/lora-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/lora-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/lora-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--a2-pin:#1f3d2b;--a2-pin2:#2c5a3f;--a2-creme:#f4ede0;--a2-papier:#faf7f1;--a2-bois:#a8743a;--a2-ink:#1d2a23;--a2-ink2:#5d6a61;--a2-ligne:#ebe5d8;--a2-serif:"Lora",Georgia,"Times New Roman",serif}
.a2-hero,.a2-ronds,.a2-corps,.a2-bande{flex-shrink:0}
#index{background:var(--a2-papier)}
.a2-hero h1,.a2-corps h2,.a2-carte-texte strong,.a2-histoire-texte strong,.a2-bande strong,.a2-rond span,.a2-encart strong,.a2-corps .product-title,.a2-corps .product-title a,.a2-journal h2,.a2-journal h3{font-family:var(--a2-serif)!important;font-weight:600!important;letter-spacing:-.005em;text-transform:none!important;font-variation-settings:normal!important}
.a2-sur{display:block;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e9d6ae}
.a2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:36px;padding:0 22px;border-radius:999px;font-weight:700;font-size:13px;font-style:normal;text-decoration:none!important;transition:background .2s;white-space:nowrap}
.a2-btn-vert{background:var(--a2-pin);color:#fff!important;border:1px solid rgba(255,255,255,.6)}
.a2-btn-vert:hover{background:var(--a2-pin2)}
.a2-btn-creme{background:#f6eedc;color:var(--a2-pin)!important;border:1px solid #f6eedc}
.a2-btn-creme:hover{background:#fff}
.a2-wrap{width:min(1350px,94vw);margin:0 auto}

/* ===== grande image (maquette y 98→320 = 222 px → ~320 px) ===== */
.a2-hero{position:relative;overflow:hidden;color:#fff;min-height:clamp(400px,29vw,600px);display:flex;align-items:center;isolation:isolate}
.a2-hero-fond,.a2-hero-fond img{position:absolute;inset:0;width:100%;height:100%}
.a2-hero-fond img{object-fit:cover;object-position:50% 63%;z-index:-2}
.a2-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,24,16,.62) 0%,rgba(14,24,16,.38) 34%,rgba(14,24,16,0) 58%)}
.a2-hero-grille{display:grid;grid-template-columns:minmax(0,1fr) 291px;gap:40px;align-items:center;padding-block:30px 22px}
.a2-hero-titre{margin:0;font-size:47px!important;line-height:1.04!important;color:#fff!important}
.a2-hero-chapo{margin:12px 0 18px;font-size:15px;line-height:1.45;color:#f3f1ea;max-width:40ch}
.a2-hero-boutons{display:flex;gap:14px;flex-wrap:wrap}
.a2-atouts{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:34px;flex-wrap:wrap}
.a2-atouts li{display:flex;align-items:center;gap:9px;font-size:11.5px;line-height:1.25;color:#f3f1ea}
.a2-atouts svg{flex:0 0 24px;width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.a2-encarts{display:flex;flex-direction:column;gap:11px}
.a2-encart{display:grid;grid-template-columns:1fr 66px 18px;align-items:center;gap:10px;height:67px;background:#fff;border-radius:8px;padding:0 12px 0 16px;color:var(--a2-ink)!important;text-decoration:none!important;box-shadow:0 8px 24px -16px rgba(0,0,0,.55)}
.a2-encart strong{display:block;font-size:16px;line-height:1.15;color:var(--a2-ink)}
.a2-encart em{display:block;font-style:normal;font-size:11.5px;color:var(--a2-ink2)}
.a2-encart img{width:66px;height:56px;object-fit:cover;border-radius:6px}
.a2-encart i{font-style:normal;width:18px;height:18px;display:grid;place-items:center;color:var(--a2-ink);font-size:18px;line-height:1}

/* ===== ronds (diamètre 72 → 101 px, pas 118 → 166 px) ===== */
.a2-ronds{position:relative;padding:14px 0 10px}
.a2-ronds-liste{display:flex;justify-content:center;gap:0}
.a2-rond{display:flex;flex-direction:column;align-items:center;gap:8px;width:166px;text-decoration:none!important;color:var(--a2-ink)!important}
.a2-rond img{width:101px;height:101px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 6px 18px -12px rgba(31,61,43,.55)}
.a2-rond span{font-size:13.5px;text-align:center;line-height:1.2}
.a2-rond-promo span{color:#c62828}
.a2-branche{position:absolute;top:20px;width:100px;height:100px;fill:none;stroke:#b9c4ad;stroke-width:1.3}
.a2-branche path+path{fill:#cdd6c0;stroke:none}
.a2-branche-g{left:1.5%;transform:scaleX(-1) rotate(8deg)}
.a2-branche-d{right:1.5%;transform:rotate(8deg)}

/* ===== corps : grilles aux proportions de la maquette ===== */
.a2-corps{padding:6px 0 0}
.a2-ligne{display:grid;align-items:stretch;margin-bottom:12px}
.a2-l1{grid-template-columns:928fr 392fr;gap:11px}
.a2-l2{grid-template-columns:577fr 751fr;gap:21px}
.a2-l3{grid-template-columns:893fr 416fr;gap:22px}
.a2-bloc{min-width:0;position:relative}
.a2-panneau{background:#fff;border-radius:6px;padding:18px 24px 20px;box-shadow:0 1px 0 var(--a2-ligne)}
.a2-nu{padding:6px 0 0 10px}
.a2-bloc section{margin:0!important;position:relative}
.a2-bloc .alp-banniere,.a2-bloc .grade-stars,.a2-bloc .product-list-reviews,.a2-bloc .quick-view{display:none!important}
.a2-bloc .alp-section-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 14px}
.a2-bloc .alp-section-sur{margin:0 0 2px;padding-left:10px;border-left:2px solid var(--a2-pin);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--a2-bois)}
.a2-bloc .products-section-title{display:block!important;text-align:left!important;margin:0 0 12px!important;padding:0 230px 0 0!important;color:var(--a2-ink)!important;line-height:1.1!important}
.a2-bloc .products-section-title::before,.a2-bloc .products-section-title::after{display:none!important;content:none!important}
.a2-panneau .products-section-title{font-size:34px!important;padding:0 0 0 10px!important;border-left:2px solid var(--a2-pin)}
.a2-nu .products-section-title{font-size:25px!important}
.a2-bloc .alp-section-lien,.a2-bloc .all-product-link{font-size:12px!important;font-weight:400!important;color:var(--a2-ink)!important;cursor:pointer;white-space:nowrap;padding:0!important;text-decoration:none!important}
.a2-bloc .alp-section-lien span{margin-left:4px}
.a2-bloc .text-right{position:absolute;top:8px;right:0}
.a2-bloc .all-product-link i{display:none}.a2-bloc .all-product-link::after{content:"  →"}

/* cartes produits : 204 × 256 px, image 145 px */
.a2-bloc .products{display:grid!important;gap:22px;margin:0!important}
.a2-p4 .products{grid-template-columns:repeat(4,minmax(0,1fr))}
.a2-p3 .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.a2-bloc .products>article{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
.a2-p4 .products>article:nth-child(n+5),.a2-p3 .products>article:nth-child(n+4){display:none!important}
.a2-bloc .product-block{background:#fff!important;border:1px solid var(--a2-ligne)!important;border-radius:6px!important;overflow:hidden;box-shadow:none!important;padding:0!important}
.a2-bloc .thumbnail-container{background:#fff;padding:8px 8px 0!important;border:0!important}
.a2-bloc .product-thumbnail,.a2-bloc .product-thumbnail img{display:block;width:100%!important;aspect-ratio:1.4/1;height:auto!important;object-fit:contain;border:0!important;padding:0!important;background:#fff;border-radius:4px}
.a2-bloc .info-container{padding:6px 10px 10px!important}
.a2-bloc .product-title{font-size:13px!important;line-height:1.3!important;margin:2px 0 6px!important;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a2-bloc .product-title a{color:var(--a2-ink)!important;font-size:13px!important}
.a2-bloc .product-price-and-shipping{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px;margin-top:auto}
.a2-bloc .price{font-family:"Noto Sans Display",system-ui,sans-serif!important;font-size:13.5px!important;font-weight:800!important;color:var(--a2-ink)!important}
.a2-bloc .regular-price{font-size:11px!important}
.a2-bloc .product-actions{width:100%;display:flex!important}
.a2-bloc .product-actions form{flex:1 1 auto;min-width:0}
.a2-bloc .product-miniature .product-actions .add-to-cart{width:100%!important;height:31px!important;border-radius:4px!important;font-size:12px!important;font-weight:700!important;padding:0 8px!important;gap:7px;background:var(--a2-pin)!important}
.a2-bloc .product-miniature .product-actions .add-to-cart:hover{background:var(--a2-pin2)!important}
.a2-bloc span.new{top:8px!important;left:8px!important;background:#2a2a28!important;color:#fff!important;font-size:9.5px!important;letter-spacing:.06em;height:20px;padding:0 8px!important;border-radius:3px}

/* encarts photo (L'esprit des Alpes 392 × 352 ; idées cadeaux 416 × 277) */
.a2-carte-image{position:relative;display:block;border-radius:6px;overflow:hidden;color:#fff!important;text-decoration:none!important;background:#1d2a23;min-height:352px}
.a2-l3 .a2-carte-image{min-height:277px}
.a2-carte-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.a2-carte-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,14,0) 38%,rgba(12,20,14,.78) 100%)}
.a2-l3 .a2-carte-image img{object-position:100% 60%}
.a2-l3 .a2-carte-image::after{background:linear-gradient(90deg,rgba(12,20,14,.7) 0%,rgba(12,20,14,.45) 50%,rgba(12,20,14,0) 78%)}
.a2-l3 .a2-carte-texte strong{max-width:260px}.a2-l3 .a2-carte-texte>span:not(.a2-sur){max-width:250px}
.a2-carte-texte{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 26px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.a2-l3 .a2-carte-texte{top:0;justify-content:center}
.a2-carte-texte .a2-sur{margin:0;font-size:10px}
.a2-carte-texte strong{font-size:27px;line-height:1.12;color:#fff}
.a2-carte-texte>span:not(.a2-sur){font-size:13.5px;line-height:1.45;color:#eef0ea;max-width:30ch}
.a2-carte-texte .a2-btn{height:32px;font-size:12.5px;margin-top:4px}

/* Le pouvoir naturel du pin d'arolle : 577 × 292, image 59 % */
.a2-histoire{display:grid;grid-template-columns:59fr 41fr;border-radius:6px;overflow:hidden;background:var(--a2-creme);text-decoration:none!important;color:var(--a2-ink)!important;height:292px}
.a2-histoire img{width:100%;height:100%;object-fit:cover}
.a2-histoire-texte{padding:20px 20px 20px 22px;display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:flex-start}
.a2-histoire-texte strong{font-size:27px;line-height:1.1;color:var(--a2-ink)}
.a2-histoire-texte>span{font-size:13px;line-height:1.45;color:var(--a2-ink2)}
.a2-histoire-texte .a2-btn{height:34px;font-size:12.5px;margin-top:4px}

/* ===== Journal ===== */
.a2-journal .mj-home{margin:18px 0 22px;padding:0;max-width:none}
.a2-journal .mj-home-head{margin-bottom:12px;align-items:flex-end}
.a2-journal .mj-home-head .mj-k{font-size:10px;color:var(--a2-bois)!important;padding-left:12px}
.a2-journal .mj-home-head h2{font-size:48px!important;line-height:1!important;margin:4px 0 0!important;padding-left:12px;border-left:2px solid var(--a2-pin);color:var(--a2-ink)!important}
.a2-journal .mj-home-head h2 em{font-style:italic;font-weight:500}
.a2-journal .mj-home-head p{font-family:var(--a2-serif);font-size:14.5px;margin:8px 0 0 14px;color:var(--a2-ink2);max-width:none}
.a2-journal .mj-home-all{font-size:12px;font-weight:400;border:0;color:var(--a2-ink)!important}
.a2-journal .mj-home-grid{grid-template-columns:541fr 232fr 236fr 232fr;gap:9px}
.a2-journal .mj-sc{background:#fff;border:1px solid var(--a2-ligne);border-radius:6px;overflow:hidden;gap:4px;padding-bottom:14px}
.a2-journal .mj-sc .mj-fig{border-radius:0;aspect-ratio:auto;height:110px;flex:none}
.a2-journal .mj-sc>.mj-k,.a2-journal .mj-sc>h3,.a2-journal .mj-sc>.mj-resume,.a2-journal .mj-sc>.mj-lire{padding:0 14px}
.a2-journal .mj-sc>.mj-k{font-size:9.5px;color:#c0602b!important;margin-top:8px}
.a2-journal .mj-sc>h3{font-size:16px!important;line-height:1.2!important;color:var(--a2-ink)!important}
.a2-journal .mj-sc>h3 .mj-l2{font-weight:400}
.a2-journal .mj-resume{font-size:12.5px;line-height:1.4;color:var(--a2-ink2);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a2-journal .mj-lire{font-size:12px;font-weight:700;color:var(--a2-ink);margin-top:auto;padding-top:8px}
.a2-journal .mj-sc:first-child{position:relative;padding:0;border:0;min-height:228px;justify-content:center}
.a2-journal .mj-sc:first-child .mj-fig{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important}
.a2-journal .mj-sc:first-child .mj-fig img{width:100%;height:100%;object-fit:cover}
.a2-journal .mj-sc:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,14,.78) 0%,rgba(12,20,14,.45) 50%,rgba(12,20,14,.1) 100%)}
.a2-journal .mj-sc:first-child>*:not(.mj-fig){position:relative;z-index:1;max-width:330px}
.a2-journal .mj-sc:first-child>.mj-fig{max-width:none!important}
.a2-journal .mj-sc:first-child>.mj-k{color:#e9d6ae!important;padding:0 22px;margin:0}
.a2-journal .mj-sc:first-child>h3{font-size:23px!important;color:#fff!important;padding:0 22px}
.a2-journal .mj-sc:first-child>.mj-resume{color:#eef0ea;padding:0 22px}
.a2-journal .mj-sc:first-child>.mj-lire{display:inline-flex;align-self:flex-start;margin:8px 22px 0;padding:7px 16px;background:#f6eedc;border-radius:999px;color:var(--a2-pin)}

/* ===== bande newsletter (70 px) ===== */
.a2-bande{background:var(--a2-pin);color:#fff;position:relative;overflow:hidden}
.a2-bande::before,.a2-bande::after{content:"";position:absolute;top:0;bottom:0;width:15%;background-size:cover}
.a2-bande::before{left:0;background-image:url(../img/accueil2/hero2.webp);background-position:30% 40%;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}
.a2-bande::after{right:0;background-image:url(../img/accueil2/bande.webp);background-position:70% 60%;-webkit-mask-image:linear-gradient(270deg,#000 40%,transparent);mask-image:linear-gradient(270deg,#000 40%,transparent)}
.a2-bande-grille{position:relative;z-index:1;display:grid;grid-template-columns:1fr 445px;gap:30px;align-items:center;min-height:72px;padding:10px 0;width:min(1050px,70vw);margin:0 auto}
.a2-bande strong{display:block;font-size:21px;line-height:1.1;margin-bottom:3px}
.a2-bande span{font-size:12px;color:#dbe5da}
.a2-bande form{margin:0}
.a2-bande form .input-group{display:flex;background:#fff;border-radius:6px;padding:3px}
.a2-bande form .form-control{border:0!important;background:none!important;box-shadow:none!important;padding-left:14px;font-size:13px;height:34px}
#a2-news form .btn.btn-primary,#a2-news form input[type=submit]{background:var(--a2-pin)!important;color:#fff!important;border:0!important;border-radius:5px!important;font-weight:700!important;font-size:12.5px!important;height:34px;padding:0 20px!important;box-shadow:none!important}
.a2-news-deplacee #footer-after{display:none!important}
#a2-news input[name=email]{color:var(--a2-ink)!important;-webkit-text-fill-color:var(--a2-ink)!important;caret-color:var(--a2-ink);opacity:1!important}
#a2-news input[name=email]::placeholder{color:#7d877f!important;-webkit-text-fill-color:#7d877f!important;opacity:1!important}
#a2-news input[name=email]:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset!important}
.a2-news-msg{margin:8px 0 0!important;padding:7px 12px!important;font-size:12.5px!important;line-height:1.35;border-radius:5px!important;border:0!important;background:#fff!important;color:var(--a2-pin,#1f3a2c)!important}
.a2-news-msg.alert-danger{color:#a12a1f!important}

@media (max-width:1199px){
  .a2-l1,.a2-l3,.a2-l2{grid-template-columns:1fr}
  .a2-carte-image{min-height:300px}.a2-histoire{height:auto;min-height:280px}
  .a2-rond{width:120px}.a2-ronds-liste{flex-wrap:wrap}
  .a2-journal .mj-home-grid{grid-template-columns:1fr 1fr}.a2-journal .mj-sc:first-child{grid-column:1/-1}
}
@media (max-width:991px){
  .a2-hero-grille{grid-template-columns:1fr}.a2-encarts{flex-direction:row;overflow-x:auto;scrollbar-width:none}.a2-encart{min-width:250px}
  .a2-p4 .products{grid-template-columns:repeat(2,minmax(0,1fr))}.a2-bande-grille{grid-template-columns:1fr;width:auto;padding:18px 16px}.a2-branche{display:none}
  .a2-bloc .products-section-title{padding-right:0!important}.a2-bloc .text-right{position:static;text-align:left!important;margin-top:10px}
}
@media (max-width:575px){
  .a2-hero{min-height:0}.a2-hero-titre{font-size:34px!important}.a2-hero::before{background:linear-gradient(180deg,rgba(14,24,16,.66),rgba(14,24,16,.4) 55%,rgba(14,24,16,.72))}
  .a2-atouts{display:none}.a2-p3 .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.a2-p3 .products>article:nth-child(n+3){display:none!important}
  .a2-p4 .products{gap:12px}.a2-panneau{padding:16px 12px}.a2-panneau .products-section-title{font-size:26px!important}
  .a2-rond{width:96px}.a2-rond img{width:78px;height:78px}.a2-rond span{font-size:12.5px}
  .a2-histoire{grid-template-columns:1fr}.a2-histoire img{height:200px}
  .a2-journal .mj-home-grid{grid-template-columns:1fr}.a2-journal .mj-home-head h2{font-size:36px!important}
}