/* shop.alpenia.app (boutique 11) — habillage au style d'alpenia.app (16.10.2026)
   Chargé UNIQUEMENT pour la boutique 11 (head.tpl). Tout est limité à #shop_11 : neuners (boutique 3) n'est pas touché. */

@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(../fonts/alpenia/fraunces-normal-latin.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: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(../fonts/alpenia/fraunces-normal-latin-ext.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: 'Fraunces'; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url(../fonts/alpenia/fraunces-italic-latin.woff2) format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(../fonts/alpenia/hanken-grotesk-latin.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: 'Hanken Grotesk'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(../fonts/alpenia/hanken-grotesk-latin-ext.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: 'JetBrains Mono'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(../fonts/alpenia/jetbrains-mono-latin.woff2) format('woff2'); }

#shop_11 {
  --a-ink: #0a1020; --a-ink2: #2e3a4d; --a-mute: #556178;
  --a-ac: #0a6ce6; --a-ac2: #0855b8; --a-ac-doux: rgba(10,108,230,.08);
  --a-bg: #f7f9fc; --a-bg2: #eef2f7; --a-line: rgba(10,16,32,.10); --a-line2: rgba(10,16,32,.18);
  --a-ombre: 0 1px 0 rgba(10,16,32,.03), 0 24px 48px -28px rgba(10,16,32,.30);
  --a-titre: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --a-texte: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --a-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* ---- Base ---- */
#shop_11 body { background: var(--a-bg) !important; color: var(--a-ink2); font-family: var(--a-texte) !important; }
#shop_11 body, #shop_11 p, #shop_11 a, #shop_11 span, #shop_11 li, #shop_11 input, #shop_11 button, #shop_11 select, #shop_11 label, #shop_11 .btn { font-family: var(--a-texte) !important; }
#shop_11 h1, #shop_11 h2, #shop_11 h3, #shop_11 .h1, #shop_11 .h2, #shop_11 .products-section-title,
#shop_11 .page-header h1, #shop_11 #footer .title, #shop_11 .footer-block .h3, #shop_11 .footer-block p.h3,
#shop_11 .block-title, #shop_11 .left-block-title, #shop_11 .subcategory-name {
  font-family: var(--a-titre) !important; color: var(--a-ink) !important; font-weight: 500 !important; letter-spacing: -.01em; text-transform: none !important; }
#shop_11 a { color: var(--a-ink2); }
#shop_11 a:hover, #shop_11 a:focus { color: var(--a-ac) !important; }
#shop_11 .btn-primary, #shop_11 .btn-primary:not(:disabled):not(.disabled) {
  background: var(--a-ac) !important; border-color: var(--a-ac) !important; color: #fff !important;
  border-radius: 999px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
#shop_11 .btn-primary:hover { background: var(--a-ac2) !important; border-color: var(--a-ac2) !important; }
#shop_11 .btn-secondary, #shop_11 .btn-tertiary { border-radius: 999px !important; text-transform: none !important; }

/* ---- Bandeau du haut ---- */
#shop_11 .header-nav { background: var(--a-ink) !important; color: #c9d3e3 !important; font-size: .8125rem; }
#shop_11 .header-nav a, #shop_11 .header-nav span, #shop_11 .header-nav .header-nav-link, #shop_11 .header-nav i { color: #c9d3e3 !important; }
#shop_11 .header-nav strong, #shop_11 .header-nav b { color: #fff !important; }
#shop_11 .header-nav .header-nav-link + .header-nav-link, #shop_11 .header-nav .link-phone { border-color: rgba(255,255,255,.15) !important; }

/* ---- En-tête ---- */
#shop_11 .header-top { background: #fff !important; border-bottom: 1px solid var(--a-line); }
#shop_11 #header-logo img { max-height: 46px; width: auto; }
#shop_11 #search_widget input[type="text"], #shop_11 .search-widget input[type="text"] {
  background: var(--a-bg) !important; border: 1px solid var(--a-line) !important; border-radius: 999px !important; color: var(--a-ink) !important; padding-left: 1.1rem !important; }
#shop_11 #search_widget button, #shop_11 .search-widget button, #shop_11 .search-widget .input-group-btn { border-radius: 0 999px 999px 0 !important; background: transparent !important; }
#shop_11 .header-top .h3, #shop_11 .user-info .h3, #shop_11 .shopping-cart-title { font-family: var(--a-texte) !important; font-weight: 600 !important; color: var(--a-ink) !important; }
#shop_11 .header-top i, #shop_11 .header-top [class^="icon-"], #shop_11 .header-top [class*=" icon-"] { color: var(--a-ac) !important; }
#shop_11 .cart-products-count { background: var(--a-ac) !important; color: #fff !important; }

/* ---- Menu ---- */
#shop_11 .header-menu { background: #fff !important; border-bottom: 1px solid var(--a-line); }
#shop_11 .menu.menu-bg, #shop_11 #_desktop_top_menu { background: #fff !important; background-image: none !important; box-shadow: none !important; border: 0 !important; }
#shop_11 #_desktop_top_menu .dropdown-item[data-depth="0"], #shop_11 #_desktop_top_menu .dropdown-item[data-depth="0"] > a,
#shop_11 #_desktop_top_menu > ul > li > a, #shop_11 #_desktop_top_menu > ul > li > span {
  background: transparent !important; color: var(--a-ink2) !important; font-family: var(--a-texte) !important; font-weight: 600 !important;
  font-size: 1rem !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; }
#shop_11 #_desktop_top_menu li { border: 0 !important; background: transparent !important; }
#shop_11 #_desktop_top_menu li:hover > .dropdown-item, #shop_11 #_desktop_top_menu li:hover > a, #shop_11 #_desktop_top_menu li:hover > span { color: var(--a-ac) !important; }
#shop_11 .menu-specials { display: none !important; }
#shop_11 .menu-news, #shop_11 .menu-news > * { color: var(--a-ac) !important; }
#shop_11 .menu-news { border: 1px solid var(--a-ac) !important; border-radius: 999px !important; margin: auto .5rem; padding: .35rem 1rem !important; line-height: 1.2; }
#shop_11 .menu-news:hover { background: var(--a-ac) !important; }
#shop_11 .menu-news:hover, #shop_11 .menu-news:hover > * { color: #fff !important; }
#shop_11 .sub-menu { border: 1px solid var(--a-line) !important; border-radius: 0 0 16px 16px !important; box-shadow: var(--a-ombre) !important; }

/* ---- Fil d'Ariane + en-tête de catégorie ---- */
#shop_11 .breadcrumb, #shop_11 nav.breadcrumb { background: transparent !important; font-size: .8125rem; }
#shop_11 .breadcrumb a, #shop_11 .breadcrumb span { color: var(--a-mute) !important; }
#shop_11 .page-header { background: linear-gradient(135deg, #fff 0%, var(--a-bg2) 100%) !important; border: 1px solid var(--a-line); border-radius: 24px; color: var(--a-ink) !important; }
#shop_11 .page-header::before, #shop_11 .page-header::after { display: none !important; }
#shop_11 .page-header h1 { font-size: clamp(2rem, 4vw, 3.25rem) !important; color: var(--a-ink) !important; }
#shop_11 .page-header .category-description, #shop_11 .page-header p { color: var(--a-ink2) !important; }
#shop_11 .subcategory-cover { background: #fff !important; border: 1px solid var(--a-line) !important; border-radius: 999px !important; }
#shop_11 .subcategory-cover:hover { border-color: var(--a-ac) !important; }
#shop_11 .subcategory-name { font-family: var(--a-texte) !important; font-weight: 600 !important; font-size: 1rem !important; color: var(--a-ink) !important; }

/* ---- Colonne gauche + barre de tri ---- */
#shop_11 #left-column .block, #shop_11 #left-column > div, #shop_11 .products-selection, #shop_11 #js-product-list-top {
  background: #fff !important; border: 1px solid var(--a-line) !important; border-radius: 16px !important; overflow: hidden; }
#shop_11 #left-column .block-title, #shop_11 #left-column .h6, #shop_11 #left-column .title { background: transparent !important; }

/* ---- Cartes produits ---- */
#shop_11 .product-miniature .thumbnail-container, #shop_11 .product-miniature .product-block, #shop_11 .product-miniature > div:first-child {
  background: #fff !important; border: 1px solid var(--a-line) !important; border-radius: 18px !important; overflow: hidden; transition: box-shadow .2s, transform .2s, border-color .2s; }
#shop_11 .product-miniature:hover .thumbnail-container, #shop_11 .product-miniature:hover > div:first-child { box-shadow: var(--a-ombre) !important; border-color: var(--a-line2) !important; transform: translateY(-2px); }
#shop_11 .product-miniature .product-title, #shop_11 .product-miniature .product-title a {
  font-family: var(--a-texte) !important; font-weight: 600 !important; color: var(--a-ink) !important; font-size: 1rem !important; line-height: 1.35 !important; white-space: normal !important; }
#shop_11 .product-miniature .price, #shop_11 .product-price .current-price span, #shop_11 .current-price-value {
  color: var(--a-ink) !important; font-family: var(--a-texte) !important; font-weight: 700 !important; }
#shop_11 .product-miniature .price::after, #shop_11 .product-prices .current-price .price::after { content: " / mois"; font-weight: 500; color: var(--a-mute); font-size: .85em; }
#shop_11[lang^="de"] .product-miniature .price::after, #shop_11[lang^="de"] .product-prices .current-price .price::after { content: " / Monat"; }
#shop_11 .product-price-and-shipping { gap: .5rem; flex-wrap: wrap; }
#shop_11 .product-miniature [class^="icon-"], #shop_11 .product-miniature [class*=" icon-"] { color: var(--a-ac) !important; }
#shop_11 .grade-stars:empty, #shop_11 .product-miniature .grade-stars:not(:has(.star-on)) { display: none !important; }

/* ---- Pied de page ---- */
#shop_11 #footer-before, #shop_11 #footer { background: #fff !important; border-top: 1px solid var(--a-line); }
#shop_11 #footer .footer-block, #shop_11 #theme-footer .footer-block { border-color: var(--a-line) !important; }
#shop_11 #footer a, #shop_11 #footer li, #shop_11 #footer p, #shop_11 #footer span { color: var(--a-ink2) !important; }
#shop_11 #footer a:hover { color: var(--a-ac) !important; }
#shop_11 #footer li::before, #shop_11 #footer [class*="icon-angle"], #shop_11 #footer .icon-caret-right { color: var(--a-ac) !important; }
#shop_11 #footer-after { background: var(--a-bg2) !important; }
#shop_11 #footer-after input[type="email"], #shop_11 #footer-after input[type="text"] { background: #fff !important; border: 1px solid var(--a-line) !important; border-radius: 999px 0 0 999px !important; }
#shop_11 #footer-after .btn, #shop_11 #footer-after input[type="submit"] { background: var(--a-ac) !important; border-color: var(--a-ac) !important; color: #fff !important; border-radius: 0 999px 999px 0 !important; }
#shop_11 #footer-after .h3, #shop_11 #footer-after h3, #shop_11 #footer-after .title { font-family: var(--a-titre) !important; color: var(--a-ink) !important; }
#shop_11 #footer-copyright { background: var(--a-ink) !important; color: #c9d3e3 !important; }
#shop_11 #footer-copyright *:not(.alp-badge):not(.alp-badge *) { color: #c9d3e3 !important; }

/* ---- Mobile ---- */
@media (max-width: 991.98px) {
  #shop_11 .page-header { border-radius: 18px; }
  #shop_11 #mobile_top_menu_wrapper { background: #fff !important; }
}

/* ==== Accueil (étape 2) ==== */
#shop_11 .alp11-accueil { color: var(--a-ink2); }
#shop_11 .alp11-accueil em { font-style: italic; color: var(--a-ac); }
#shop_11 .alp11-kicker { font-family: var(--a-mono) !important; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--a-ac); margin: 0 0 .9rem; }
#shop_11 .alp11-titre { font-family: var(--a-titre) !important; font-weight: 400 !important; font-size: clamp(2.3rem, 4.6vw, 3.9rem) !important; line-height: 1.04 !important; color: var(--a-ink) !important; margin: 0 0 1.2rem; letter-spacing: -.02em; }
#shop_11 .alp11-titre em { font-weight: 400; }
#shop_11 .alp11-h2 { font-family: var(--a-titre) !important; font-weight: 400 !important; font-size: clamp(1.8rem, 3.2vw, 2.6rem) !important; line-height: 1.1 !important; color: var(--a-ink) !important; margin: 0 0 .8rem; letter-spacing: -.015em; text-align: inherit; }
#shop_11 .alp11-lead { font-size: 1.075rem; line-height: 1.65; color: var(--a-ink2); max-width: 40rem; margin: 0; }
#shop_11 .alp11-boutons { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
#shop_11 .alp11-btn { display: inline-flex; align-items: center; padding: .8rem 1.4rem; border-radius: 999px; font-weight: 600; font-size: 1rem; text-decoration: none !important; transition: background .2s, color .2s, border-color .2s; }
#shop_11 .alp11-btn-plein { background: var(--a-ac); color: #fff !important; border: 1px solid var(--a-ac); }
#shop_11 .alp11-btn-plein:hover { background: var(--a-ac2); border-color: var(--a-ac2); color: #fff !important; }
#shop_11 .alp11-btn-trait { background: #fff; color: var(--a-ink) !important; border: 1px solid var(--a-line2); }
#shop_11 .alp11-btn-trait:hover { border-color: var(--a-ac); color: var(--a-ac) !important; }

#shop_11 .alp11-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 3rem; align-items: center; padding: 3.5rem 0 2.5rem; }
#shop_11 .alp11-hero-image { margin: 0; }
#shop_11 .alp11-hero-image img, #shop_11 .alp11-appel img, #shop_11 .alp11-carte img { display: block; width: 100%; height: auto; border-radius: 18px; border: 1px solid var(--a-line); box-shadow: var(--a-ombre); background: #fff; }

#shop_11 .alp11-atouts { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 0 0 4rem; padding: 0; background: #fff; border: 1px solid var(--a-line); border-radius: 18px; overflow: hidden; }
#shop_11 .alp11-atouts li { display: flex; gap: .8rem; align-items: center; padding: 1.25rem 1.3rem; font-weight: 600; color: var(--a-ink); line-height: 1.35; }
#shop_11 .alp11-atouts li + li { border-left: 1px solid var(--a-line); }
#shop_11 .alp11-accueil svg { width: 26px; height: 26px; flex-shrink: 0; fill: none; stroke: var(--a-ac); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

#shop_11 .alp11-entete-section { text-align: center; margin: 0 auto 2rem; max-width: 46rem; }
#shop_11 .alp11-entete-section .alp11-lead { margin: 0 auto; }
#shop_11 .featured-products .products-section-title { display: none !important; }
#shop_11 .featured-products { margin-bottom: 4rem; }

#shop_11 .alp11-plus { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 4rem; }
#shop_11 .alp11-carte { background: #fff; border: 1px solid var(--a-line); border-radius: 18px; padding: 1.5rem; }
#shop_11 .alp11-carte img { margin-bottom: 1.2rem; box-shadow: none; }
#shop_11 .alp11-carte-icone { width: 52px; height: 52px; border-radius: 14px; background: var(--a-ac-doux); display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem; }
#shop_11 .alp11-etiquette { font-family: var(--a-mono) !important; font-size: .7rem; letter-spacing: .14em; color: var(--a-ac); margin: 0 0 .4rem; }
#shop_11 .alp11-carte h3 { font-family: var(--a-titre) !important; font-size: 1.4rem !important; font-weight: 500 !important; margin: 0 0 .6rem; color: var(--a-ink) !important; }
#shop_11 .alp11-carte p:not(.alp11-etiquette) { margin: 0; line-height: 1.6; }

#shop_11 .alp11-haccp { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; background: linear-gradient(135deg, #fff, var(--a-bg2)); border: 1px solid var(--a-line); border-radius: 24px; padding: 3rem; margin-bottom: 4rem; }
#shop_11 .alp11-coches { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
#shop_11 .alp11-coches li { display: flex; gap: .7rem; align-items: flex-start; background: #fff; border: 1px solid var(--a-line); border-radius: 12px; padding: .8rem 1rem; color: var(--a-ink); font-weight: 500; }
#shop_11 .alp11-coches li::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: var(--a-ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 13px no-repeat; }

#shop_11 .alp11-appel { display: grid; grid-template-columns: 1fr 1.1fr; gap: 3rem; align-items: center; margin-bottom: 4rem; }
#shop_11 .alp11-appel figure { margin: 0; }

@media (max-width: 991.98px) {
  #shop_11 .alp11-hero, #shop_11 .alp11-haccp, #shop_11 .alp11-appel { grid-template-columns: 1fr; gap: 2rem; }
  #shop_11 .alp11-hero { padding-top: 2rem; }
  #shop_11 .alp11-atouts { grid-template-columns: 1fr 1fr; }
  #shop_11 .alp11-atouts li:nth-child(3) { border-left: 0; }
  #shop_11 .alp11-atouts li:nth-child(n+3) { border-top: 1px solid var(--a-line); }
  #shop_11 .alp11-plus { grid-template-columns: 1fr; }
  #shop_11 .alp11-haccp { padding: 2rem 1.4rem; }
}
@media (max-width: 575.98px) {
  #shop_11 .alp11-atouts { grid-template-columns: 1fr; }
  #shop_11 .alp11-atouts li + li { border-left: 0; border-top: 1px solid var(--a-line); }
  #shop_11 .alp11-boutons .alp11-btn { flex: 1 1 100%; justify-content: center; }
}
@media (max-width: 575.98px) {
  #shop_11 .products .product-miniature { flex: 0 0 50%; max-width: 50%; padding-left: 6px; padding-right: 6px; }
  #shop_11 .product-miniature .product-title, #shop_11 .product-miniature .product-title a { font-size: .9rem !important; }
}