/* =====================================================================
   SWISSINNO bird pages 2026 - green theme (backend layout "BirdPage2026")
   Loaded after product-2026.css. Everything is scoped to .pp26-bird, so the
   shared header and the red product pages are not affected.
   Colours sampled from WEBSITE-smart-birds-davos2026_4.pdf.
   ===================================================================== */
.pp2026.pp26-bird {
  --pp26-red: #333f24;            /* theme accent: buttons, USP bar, headings (dark green) */
  --pp26-red-soft: #f7efe2;
  --pp26-red-line: #e9e1cc;
  --pp26-red-line-2: #e0d6bd;
  --pp26-green: #518129;          /* solution panel, highlights */
  --pp26-green-soft: #e1ead2;
  --pp26-green-line: #d3dfc0;
  --pp26-grey: #f7efe2;           /* cream surfaces (gallery, bands) */
  --pp26-grey-3: #eadfc8;
  --pp26-bird-dark: #333f24;
  --pp26-bird-mid: #518129;
  --pp26-bird-light: #85a53d;
  --pp26-bird-cream: #f7efe2;
  --pp26-bird-tan: #e9e1cc;
  --pp26-bird-problem: #a63a2a;
  --pp26-bird-problem-head: #f4e3dc;
  --pp26-bird-problem-body: #fbf1ef;
  --pp26-bird-solution-body: #f3f6ed;
}

/* Hero (split): text on cream left, photo on tan right ------------------- */
.pp26-bird .pp26-hero--split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; min-height: 0; aspect-ratio: auto; overflow: visible; background: var(--pp26-bird-cream); }
.pp26-bird .pp26-hero--split .pp26-hero__text { display: flex; align-items: center; padding: 48px var(--pp26-gutter) 48px max(var(--pp26-gutter), 3.5%); }
.pp26-bird .pp26-hero--split .pp26-hero__content { max-width: 560px; }
.pp26-bird .pp26-hero--split .pp26-hero__content h1,
.pp26-bird .pp26-hero--split .pp26-hero__content h2,
.pp26-bird .pp26-hero--split .pp26-hero__content h1 span,
.pp26-bird .pp26-hero--split .pp26-hero__content h2 span {
  color: var(--pp26-bird-dark); text-shadow: none; font-weight: 800 !important; font-size: clamp(34px, 3.6vw, 52px) !important; line-height: 1.04 !important; letter-spacing: 0;
}
.pp26-bird .pp26-hero--split .pp26-hero__content p {
  margin-top: 16px; color: var(--pp26-bird-dark); text-shadow: none; font-weight: 600; font-size: clamp(18px, 1.7vw, 24px) !important; line-height: 1.3 !important; letter-spacing: 0;
}
/* the eyebrow ("Smart Birds Collection") is the first paragraph: lighter, regular weight, mid green */
.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child,
.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child span { margin: 0 0 28px; font-weight: 400 !important; font-size: clamp(24px, 2.7vw, 38px) !important; line-height: 1.1 !important; color: var(--pp26-bird-mid) !important; }
.pp26-bird .pp26-hero--split .pp26-hero__content .pp26-btn { margin-top: 56px; }
.pp26-bird .pp26-hero--split .pp26-hero__photo { position: relative; display: block; padding: 0; background: none; overflow: hidden; }
.pp26-bird .pp26-hero--split .pp26-hero__photo picture { display: block; width: 100%; height: 100%; }
.pp26-bird .pp26-hero--split .pp26-hero__photo-img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28%); mask-image: linear-gradient(to right, transparent 0, #000 28%); }

/* Buttons and USP bar -------------------------------------------------- */
.pp26-bird .pp26-usp { background: var(--pp26-bird-dark); }

/* Problem / solution panels ------------------------------------------- */
.pp26-bird .pp26-panel--problem .pp26-panel__header { background: var(--pp26-bird-problem-head); border-bottom-color: #ecd3c9; }
.pp26-bird .pp26-panel--problem .pp26-panel__title { color: var(--pp26-bird-problem); }
.pp26-bird .pp26-panel--problem .pp26-panel__body { background: var(--pp26-bird-problem-body); border-color: #ecd3c9; }
.pp26-bird .pp26-panel--solution .pp26-panel__title { color: var(--pp26-bird-dark); }
.pp26-bird .pp26-panel--solution .pp26-panel__body { background: var(--pp26-bird-solution-body); }

/* Gallery ------------------------------------------------------------- */
.pp26-bird .pp26-product__gallery .slider-top { background: none; border-color: transparent; border-radius: 8px; padding: 0; }
.pp26-bird .pp26-product__gallery .cSlider--single .cSlider__item img { background: #fff; }
.pp26-bird .pp26-product__gallery .cSlider--single .cSlider__item { border-radius: 8px; overflow: hidden; }
.pp26-bird .pp26-product__gallery .cSlider--nav .cSlider__item { border-radius: 6px; }
.pp26-bird .pp26-product__gallery .cSlider--nav .slick-current.cSlider__item,
.pp26-bird .pp26-product__gallery .cSlider--nav .is-active.cSlider__item { border-color: var(--pp26-bird-dark); box-shadow: 0 0 0 1px var(--pp26-bird-dark); }
.pp26-bird .pp26-gallery-badge { position: absolute; left: 16px; bottom: 16px; z-index: 2; padding: 5px 13px; border-radius: 15px; background: var(--pp26-bird-dark); color: #fff; font-family: var(--pp26-font-body); font-weight: 700; font-size: 13px; line-height: 1.2; }

/* Product title + intro (bird design: Montserrat-like bold, dark green) --- */
.pp26-bird .pp26-advantages__title { color: var(--pp26-bird-dark); font-family: var(--pp26-font-display); font-weight: 700; }

/* Colour swatches ------------------------------------------------------ */
.pp26-swatches { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--pp26-grey-3); }
.pp2026 .pp26-swatches__label { margin: 0 0 14px; font-family: var(--pp26-font-body); font-size: 16px; line-height: 1.2; color: var(--pp26-text); }
.pp26-swatches__list { display: flex; flex-wrap: wrap; gap: 8px; }
.pp2026 .pp26-swatch { position: relative; width: 44px; height: 44px; padding: 0; border: 1px solid var(--pp26-grey-3); border-radius: 50%; background: #fff; cursor: pointer; }
.pp2026 .pp26-swatch::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--swatch, #ccc); }
.pp2026 .pp26-swatch:hover { border-color: var(--pp26-bird-dark); }
.pp2026 .pp26-swatch:focus-visible { outline: 2px solid var(--pp26-bird-dark); outline-offset: 2px; }
.pp2026 .pp26-swatch[aria-checked="true"] { border: 2px solid var(--pp26-bird-dark); box-shadow: 0 0 0 2px #fff inset; }
.pp2026 .pp26-swatches__note { margin-top: 14px; font-size: 14px; line-height: 1.3; color: var(--pp26-muted); }
.pp2026 .pp26-swatches__note p { margin: 0; }

/* Key advantages card (cream) ----------------------------------------- */
.pp26-bird .pp26-advantages__key { background: var(--pp26-bird-cream); border-color: var(--pp26-grey-3); }
.pp26-bird .pp26-advantages__key .pp26-label { display: none; }
.pp26-bird .pp26-product__content .pp26-btn { align-self: flex-start; }

/* Key advantages: icon left of the text, left aligned (design) */
.pp26-bird .pp26-advantages__key .pp26-feature--stack { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; text-align: left; padding-right: 12px; }
.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__icon { flex: none; width: 22px; height: auto; margin: 2px 0 0; }
.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__text { text-align: left; }
.pp26-bird .pp26-advantages__key .pp26-feature__title, .pp26-bird .pp26-advantages__key .pp26-feature__title p { font-family: var(--pp26-font-body); font-weight: 700; font-size: 15px !important; line-height: 1.2 !important; color: var(--pp26-bird-dark); }
.pp26-bird .pp26-advantages__key .pp26-feature__desc, .pp26-bird .pp26-advantages__key .pp26-feature__desc p { font-size: 13px !important; line-height: 1.25 !important; color: var(--pp26-muted); }

/* Swiss engineered band ----------------------------------------------- */
.pp26-bird .pp26-band { background: var(--pp26-bird-cream); }

/* Reviews / FAQ headings: highlighted word in mid green ------------------ */
.pp26-bird .pp26-accent { color: var(--pp26-bird-mid); }

/* How to use: dark green band ------------------------------------------- */
.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title { background: var(--pp26-bird-dark); }
.pp26-bird .pp26-howto .howtousedesktop .product-usage-step img { background: var(--pp26-bird-cream); }

/* Step 4 of the how-to element = plain title + photo (no green frame; green in the PDF only marks image placement): title on top, photo inside, BUY NOW overlapping the photo bottom-left */
.pp2026.pp26-bird .pp26-howto .bottom-image { box-sizing: border-box; width: min(975px, calc(100% - 32px)); max-width: none; margin: 40px auto 0; padding: 0; background: none; }
.pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text { color: var(--pp26-bird-dark) !important; position: static; display: block; max-width: none !important; margin: 0 0 16px; text-shadow: none; }
.pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text p, .pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text span, .pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text strong { color: var(--pp26-bird-dark) !important; }
.pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text p { white-space: normal; line-height: 1.2; }
.pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text strong { display: flex; align-items: baseline; gap: 8px; }
.pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text span { font-family: var(--pp26-font-display) !important; font-weight: 700; font-size: 24px !important; line-height: 1.2 !important; }
.pp2026.pp26-bird .pp26-howto .bottom-image img { aspect-ratio: 2.2 / 1; border-radius: 6px; }
.pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 > .accordion > .buy-now-button { box-sizing: border-box; width: min(975px, calc(100% - 32px)); max-width: none; margin: -86px auto 36px; padding: 0 0 0 36px; }
.pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .buy-now-button a { margin-left: 0; background: #3f4a29; }
@media (max-width: 767px) {
  .pp2026.pp26-bird .pp26-howto .bottom-image { margin-top: 30px; padding: 0; }
  .pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text { margin-bottom: 12px; }
  .pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text span { font-size: 22px !important; }
  .pp2026.pp26-bird .pp26-howto .bottom-image img { aspect-ratio: 4 / 3; }
  .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 > .accordion > .buy-now-button { margin: -73px auto 30px; padding: 0 0 0 28px; }
  .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .buy-now-button a { width: auto; min-width: 0; padding: 0 28px; display: inline-flex; }
}

/* Complete the collection: product name under the photo */
.pp26-bird .pp26-associated__name { display: block; margin-top: 14px; font-family: var(--pp26-font-display); font-weight: 700; font-size: 18px; line-height: 1.2; color: var(--pp26-bird-dark); }
.pp26-bird .pp26-associated__card { background: #fff; text-align: left; }
.pp26-bird .pp26-associated__photo { background: none; border-radius: 0; }
.pp2026.pp26-bird .pp26-associated__link { margin-top: 10px; display: inline-block; text-align: left; }

/* Video panel (step 4 and desktop video block), no green frame ---------------------- */
.pp26-videopanel { padding-top: 40px; }
.pp26-videopanel__box { position: relative; max-width: 975px; margin: 0 auto; padding: 0; background: none; color: var(--pp26-bird-dark); }
.pp2026 .pp26-videopanel__title { margin: 0 0 16px; font-family: var(--pp26-font-display); font-weight: 700; font-size: 24px; line-height: 1.2; color: var(--pp26-bird-dark); text-transform: none; }
.pp26-videopanel__media { position: relative; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: rgba(0,0,0,.12); }
.pp26-videopanel__media iframe, .pp26-videopanel__media video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pp2026 .pp26-videopanel__cta { margin-top: 18px; }
.pp2026 .pp26-videopanel__cta, .pp2026 .pp26-videopanel__cta:hover { background: #3f4a29; }

/* Complete the collection + video panel spacing --------------------------- */
.pp26-bird .pp26-associated__link { color: var(--pp26-bird-dark); text-decoration: underline; }

@media (max-width: 767px) {
  .pp26-bird .pp26-hero--split { display: block; }
  .pp26-bird .pp26-hero--split .pp26-hero__text { padding: 16px 16px 20px; }
  .pp26-bird .pp26-hero--split .pp26-hero__content { max-width: none; }
  .pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child { margin-bottom: 18px; }
  .pp26-bird .pp26-hero--split .pp26-hero__photo { padding: 0; }
  .pp26-bird .pp26-hero--split .pp26-hero__photo-img { height: auto; aspect-ratio: 4 / 3; -webkit-mask-image: none; mask-image: none; }
  .pp26-bird .pp26-hero--split .pp26-hero__content .pp26-hero__cta { display: none; }
  .pp26-bird .pp26-usp__inner p { background: var(--pp26-bird-dark); }
  .pp26-bird .pp26-usp__inner p:nth-child(2) { background: #5a6650; }
  .pp26-bird .pp26-product__gallery .slider-top { padding: 0; }
  .pp2026 .pp26-swatch { width: 38px; height: 38px; }
  .pp26-videopanel { padding-top: 24px; }
  /* order: title, intro, gallery, swatches, advantages (design) */
  .pp26-bird .pp26-swatches { order: 3; margin-top: 18px; padding-top: 18px; }
  .pp26-bird .pp26-advantages__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .pp26-bird .pp26-advantages__key .pp26-feature--stack { align-items: center; gap: 14px; }
  .pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__icon { width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: var(--pp26-bird-solution-body); margin: 0; }
  .pp26-bird .pp26-advantages__key .pp26-feature__title, .pp26-bird .pp26-advantages__key .pp26-feature__title p { font-size: 17px !important; }
  .pp26-bird .pp26-advantages__key .pp26-feature__desc, .pp26-bird .pp26-advantages__key .pp26-feature__desc p { font-size: 15px !important; }
}

/* Bottom FAQ (header + textmedia accordion): heading, green open icon */
.pp2026.pp26-bird .pp26-faq__heading { margin: 0 0 19px; font-family: var(--pp26-font-cn); font-weight: 800; font-size: 36px; line-height: 1; letter-spacing: 0; text-transform: uppercase; text-align: center; color: #000; }
.pp2026.pp26-bird .pp26-faq .productfaq .row .col header.active::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='none' stroke='%23333f24'/%3E%3Cpath d='M10 16h12' stroke='%23333f24' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E"); }
@media (max-width: 767px) { .pp2026.pp26-bird .pp26-faq .productfaq .row { grid-template-columns: minmax(0, 1fr); } }
.pp2026.pp26-bird .pp26-faq { padding-bottom: 60px; }

/* How-to step drawings: show the whole picture (the red theme crops them) */
.pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step img { aspect-ratio: 4 / 3; object-fit: contain; background: #fff; }

@media (max-width: 767px) {
  /* split hero: flat cream text block, undimmed photo (the red theme darkens the hero for white text) */
  .pp26-bird .pp26-hero--split { min-height: 0; background: var(--pp26-bird-cream); }
  .pp26-bird .pp26-hero--split::after { display: none; }
  /* buy button: rounded dark button inset on cream, like the design (the dark fill is on the label so the corners round) */
  .pp2026.pp26-bird .pp26-hero__cta-mobile,
  .pp2026.pp26-bird .pp26-hero__cta-mobile:hover,
  .pp2026.pp26-bird .pp26-hero__cta-mobile:focus-visible { display: block; box-sizing: border-box; height: auto; min-height: 0; padding: 21px 18px 27px; border: 0; border-radius: 0; box-shadow: none; text-align: center; background: var(--pp26-bird-cream); }
  .pp2026.pp26-bird .pp26-hero__cta-mobile .pp26-btn__label { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 50px; padding: 0; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.3); background: var(--pp26-bird-dark); color: #fff; text-align: center; line-height: 1; }
  /* collection cards: smaller names in the 3-up grid */
  .pp26-bird .pp26-associated__name { margin-top: 8px; font-size: 12px; line-height: 1.2; }
  .pp2026.pp26-bird .pp26-associated__link { font-size: 11px; line-height: 1.2; }
  
}

/* =====================================================================
   Design fidelity pass (compared against WEBSITE-smart-birds-davos2026 desktop + mobile PDFs).
   The bird design is set in Montserrat (regular / semibold / bold, all already @font-face'd in styles.css);
   BUY buttons keep the condensed Helvetica Neue like the design.
   ===================================================================== */
.pp2026.pp26-bird {
  --pp26-font-body: 'montserrat-regular', Arial, sans-serif;
  --pp26-font-display: 'montserrat-bold', Arial, sans-serif;
  --pp26-font-semi: 'montserrat-semibold', Arial, sans-serif;
}
.pp2026.pp26-bird strong, .pp2026.pp26-bird b { font-family: 'montserrat-bold', Arial, sans-serif; font-weight: 400; }

/* section headings: Montserrat bold, sentence case, dark green with mid-green accent */
.pp2026.pp26-bird .pp26-heading, .pp2026.pp26-bird .pp26-reviews__heading, .pp2026.pp26-bird .pp26-faqai__heading {
  font-family: var(--pp26-font-display); font-weight: 400; font-size: 28px; line-height: 1.15; letter-spacing: 0; text-transform: none; color: var(--pp26-bird-dark);
}
.pp2026.pp26-bird .pp26-accent { color: var(--pp26-bird-mid); }
.pp2026.pp26-bird .pp26-faqai__heading { margin-top: 0; }

/* hero */
.pp26-bird .pp26-hero--split .pp26-hero__content h1, .pp26-bird .pp26-hero--split .pp26-hero__content h2,
.pp26-bird .pp26-hero--split .pp26-hero__content h1 span, .pp26-bird .pp26-hero--split .pp26-hero__content h2 span { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; }
.pp26-bird .pp26-hero--split .pp26-hero__content p, .pp26-bird .pp26-hero--split .pp26-hero__content p span { font-family: 'montserrat-semibold', Arial, sans-serif !important; font-weight: 400 !important; }
.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child, .pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child span { font-family: 'montserrat-regular', Arial, sans-serif !important; color: #5f6c3a !important; }

/* USP bar: evenly spread, no separators */
.pp26-bird .pp26-usp__inner { justify-content: space-around; gap: 8px 24px; }
.pp26-bird .pp26-usp__inner p:not(:last-child)::after { display: none; }

/* problem / solution */
.pp2026.pp26-bird .pp26-panel__title { font-family: var(--pp26-font-display); font-weight: 400; font-size: 26px; letter-spacing: .01em; }
.pp26-bird .pp26-panel .pp26-feature__title, .pp26-bird .pp26-panel .pp26-feature__title p { font-family: var(--pp26-font-semi); font-weight: 400; font-size: 15px !important; line-height: 1.25 !important; }
.pp26-bird .pp26-panel .pp26-feature__desc, .pp26-bird .pp26-panel .pp26-feature__desc p { font-size: 13px !important; line-height: 1.5 !important; }

/* product title, key advantages */
.pp2026.pp26-bird h2.pp26-advantages__title, .pp2026.pp26-bird h1.pp26-advantages__title { font-family: var(--pp26-font-display); font-weight: 400; }
.pp26-bird .pp26-advantages__intro, .pp26-bird .pp26-advantages__intro p { font-size: 15px; line-height: 1.6; color: #5a5a50; }
.pp26-bird .pp26-advantages__key .pp26-feature__title, .pp26-bird .pp26-advantages__key .pp26-feature__title p { font-family: var(--pp26-font-semi); font-weight: 400; }
.pp2026.pp26-bird .pp26-swatches__label strong { font-family: var(--pp26-font-semi); }

/* Swiss engineered band: three centred columns, icon on top, no heading (design) */
.pp26-bird .pp26-tech__inner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-top: 26px; padding-bottom: 26px; }
.pp26-bird .pp26-tech__inner > .pp26-tech__heading { grid-column: 1 / -1; text-align: center; }
.pp26-bird .pp26-tech__items { display: contents; }
.pp26-bird .pp26-feature--tech { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.pp26-bird .pp26-feature--tech .pp26-feature__icon { height: 24px; width: auto; }
.pp26-bird .pp26-feature--tech .pp26-feature__text { max-width: 280px; text-align: center; }
.pp26-bird .pp26-feature--tech .pp26-feature__title, .pp26-bird .pp26-feature--tech .pp26-feature__title p { font-family: var(--pp26-font-display); font-weight: 400; font-size: 14px !important; letter-spacing: .02em; color: var(--pp26-bird-dark); }
.pp26-bird .pp26-feature--tech .pp26-feature__desc, .pp26-bird .pp26-feature--tech .pp26-feature__desc p { font-size: 12px !important; line-height: 1.35 !important; color: #5a5a50; }

/* accordions (AI FAQ + bottom FAQ): Montserrat questions, chevron like the design */
.pp2026.pp26-bird .pp26-acc__question { font-family: var(--pp26-font-semi); font-weight: 400; font-size: 14px; line-height: 1.4; color: var(--pp26-bird-dark); }
.pp2026.pp26-bird .pp26-acc__answer { font-size: 14px; line-height: 1.6; color: #5a5a50; }
.pp2026.pp26-bird .pp26-acc__question::after {
  width: 24px; height: 24px; margin-top: -12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23333f24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pp2026.pp26-bird .pp26-acc__item[open] > .pp26-acc__question::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 15l6-6 6 6' fill='none' stroke='%23333f24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pp2026.pp26-bird .pp26-acc__item { border-bottom: 1px solid #efe7d6; }

/* how to: step titles in Montserrat */
.pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title h2, .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title h3, .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title .user-defined-header { font-family: var(--pp26-font-display) !important; font-weight: 400 !important; text-transform: uppercase; }
.pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type span, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type strong { font-family: var(--pp26-font-display) !important; font-weight: 400 !important; color: var(--pp26-bird-dark) !important; }
.pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type span[style*="font-size:36px"] { font-size: 18px !important; }
.pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type span[style*="font-size:20px"] { font-size: 16px !important; }
.pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p { color: #5a5a50 !important; }

/* video panel + collection */
.pp2026.pp26-bird .pp26-videopanel__title { font-family: var(--pp26-font-display); font-weight: 400; }
.pp26-bird .pp26-associated .pp26-heading { font-size: 22px; }
.pp26-bird .pp26-associated__card { text-align: left; align-items: flex-start; }
.pp26-bird .pp26-associated__photo { display: block; width: 100%; padding: 0; overflow: hidden; }
.pp26-bird .pp26-associated__photo img { transform: scale(1.12); }
.pp26-bird .pp26-associated__name { font-family: var(--pp26-font-display); font-weight: 400; font-size: 16px; text-align: left; }
.pp2026.pp26-bird .pp26-associated__link { font-family: var(--pp26-font-semi); font-weight: 400; font-size: 12px; text-align: left; }

@media (max-width: 767px) {
  .pp2026.pp26-bird .pp26-heading, .pp2026.pp26-bird .pp26-reviews__heading, .pp2026.pp26-bird .pp26-faqai__heading { font-size: 24px; text-align: left; }
  .pp2026.pp26-bird .pp26-associated .pp26-heading { text-align: center; }
  /* problem / solution: larger type like the mobile design */
  .pp2026.pp26-bird .pp26-panel__title { font-size: 24px; }
  .pp26-bird .pp26-panel .pp26-feature__title, .pp26-bird .pp26-panel .pp26-feature__title p { font-size: 17px !important; }
  .pp26-bird .pp26-panel .pp26-feature__desc, .pp26-bird .pp26-panel .pp26-feature__desc p { font-size: 15px !important; line-height: 1.55 !important; }
  .pp26-bird .pp26-panel .pp26-feature__icon { width: 52px; height: 52px; }
  /* Swiss engineered: rows with round icon, dividers */
  .pp26-bird .pp26-tech__inner { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 4px var(--pp26-gutter); }
  .pp26-bird .pp26-feature--tech { flex-direction: row; align-items: center; text-align: left; gap: 16px; padding: 18px 0; border-bottom: 1px solid #ece4d2; }
  .pp26-bird .pp26-feature--tech:last-child { border-bottom: 0; }
  .pp26-bird .pp26-feature--tech .pp26-feature__icon { flex: none; width: 56px; height: 56px; padding: 15px; border-radius: 50%; background: #e6ecd8; }
  .pp26-bird .pp26-feature--tech .pp26-feature__text { text-align: left; max-width: none; }
  .pp26-bird .pp26-feature--tech .pp26-feature__title, .pp26-bird .pp26-feature--tech .pp26-feature__title p { font-size: 15px !important; }
  .pp26-bird .pp26-feature--tech .pp26-feature__desc, .pp26-bird .pp26-feature--tech .pp26-feature__desc p { font-size: 14px !important; }
  /* collection: swipeable carousel with large cards */
  .pp26-bird .pp26-associated__grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; margin: 0 calc(var(--pp26-gutter) * -1); padding-left: var(--pp26-gutter); padding-right: var(--pp26-gutter); -webkit-overflow-scrolling: touch; }
  .pp26-bird .pp26-associated__card { flex: 0 0 78%; scroll-snap-align: start; padding: 14px 14px 18px; }
  .pp26-bird .pp26-associated__name { font-size: 18px; margin-top: 14px; }
  .pp2026.pp26-bird .pp26-associated__link { font-size: 14px; margin-top: 14px; }
  /* accordions */
  .pp2026.pp26-bird .pp26-acc__question { font-size: 16px; line-height: 1.35; padding-block: 18px; }
  .pp2026.pp26-bird .pp26-acc__answer { font-size: 15px; }
  .pp26-bird .pp26-videopanel__title { font-size: 22px; }
}

/* fidelity pass 2 */
.pp26-bird .pp26-feature__title, .pp26-bird .pp26-feature__title p, .pp26-bird .pp26-feature__title span { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; }
.pp26-bird .pp26-panel .pp26-feature__title, .pp26-bird .pp26-panel .pp26-feature__title p { color: #1f2a15; }
.pp2026.pp26-bird .pp26-tech__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; grid-column: 1 / -1; }
.pp26-bird .pp26-tech__inner { display: block; }
.pp26-bird .pp26-hero--split .pp26-hero__photo { padding: 0; }
@media (max-width: 767px) {
  .pp2026.pp26-bird .pp26-tech__items { display: block; }
  .pp26-bird .pp26-hero--split .pp26-hero__photo { padding: 0; }
  .pp26-bird .pp26-hero--split .pp26-hero__photo-img { height: auto; aspect-ratio: 4 / 3; -webkit-mask-image: none; mask-image: none; }
}
.pp26-bird .pp26-tech__inner .pp26-feature { grid-column: auto; }

/* Bottom FAQ = same look as the design (condensed black FAQ title, Arial questions, grey plus circles) */
.pp2026.pp26-bird .pp26-faq .productfaq .row .col header h3, .pp2026.pp26-bird .pp26-faq .productfaq .row .col header h4, .pp2026.pp26-bird .pp26-faq .productfaq .row .col header h5 { font-family: Arial, 'Liberation Sans', Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 23px; color: #333; }
.pp2026.pp26-bird .pp26-faq .productfaq .row .col header + * { font-family: Arial, 'Liberation Sans', Helvetica, sans-serif; font-size: 18px; line-height: 1.4; color: #333; }
.pp2026.pp26-bird .pp26-faq .productfaq .row .col .frame { border-bottom: 2px solid #f1f1f2; }
@media (max-width: 767px) { .pp2026.pp26-bird .pp26-faq__heading { font-size: 28px; } }
.pp2026.pp26-bird h2.pp26-faq__heading.pp26-heading { font-family: var(--pp26-font-cn); font-weight: 800; font-size: 36px; line-height: 1; text-transform: uppercase; color: #000; }
@media (max-width: 767px) { .pp2026.pp26-bird h2.pp26-faq__heading.pp26-heading { font-size: 28px; } }

/* second video block: desktop only (mobile video lives in the gallery slider) */
@media (max-width: 1199px) { .pp26-videopanel--desktop { display: none; } }

/* PDF fidelity pass (client review 2026-10-23): hero alignment, key-feature strip, how-to heading, collection cards */
@media (min-width: 768px) {
  .pp26-bird .pp26-hero--split { grid-template-columns: 52.5% 47.5%; }
  .pp26-bird .pp26-hero--split .pp26-hero__text { padding-left: max(var(--pp26-gutter), 55px); }
  .pp26-bird .pp26-hero--split .pp26-hero__photo { padding: 0; }
  .pp26-bird .pp26-hero--split .pp26-hero__photo-img { aspect-ratio: auto; object-fit: cover; object-position: center top; }
  .pp26-bird .pp26-hero--split { aspect-ratio: 1400 / 569; }
  .pp26-bird .pp26-hero--split .pp26-hero__photo picture, .pp26-bird .pp26-hero--split .pp26-hero__photo-img { position: absolute; inset: 0; }
  .pp26-bird .pp26-band .pp26-feature__icon, .pp26-bird .pp26-band .pp26-feature__icon img { height: 28px; width: auto; }
  .pp26-bird .pp26-band .pp26-feature__title, .pp26-bird .pp26-band .pp26-feature__title p { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; font-size: 14.4px !important; line-height: 1.2 !important; color: #313f24 !important; }
  .pp26-bird .pp26-band .pp26-feature__desc, .pp26-bird .pp26-band .pp26-feature__desc p { font-family: 'montserrat-semibold', Arial, sans-serif !important; font-weight: 400 !important; font-size: 12.4px !important; line-height: 16px !important; color: #5a5a4e !important; }
}
.pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title, .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title * { font-size: 20px !important; line-height: 1.2 !important; letter-spacing: 0 !important; }
.pp26-bird .pp26-associated__name { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; font-size: 20px !important; line-height: 1.2; color: #232a17; }
.pp2026.pp26-bird .pp26-associated__link { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; font-size: 15px !important; color: var(--pp26-bird-dark); text-decoration: none; }
/* reviews + FAQ: heading/accent/question values measured from the cleaned-up PDF */
@media (min-width: 768px) {
  .pp2026.pp26-bird .pp26-reviews__heading, .pp2026.pp26-bird .pp26-faqai__heading { font-size: 26px; color: #313f24; }
  .pp2026.pp26-bird .pp26-reviews__heading .pp26-accent, .pp2026.pp26-bird .pp26-faqai__heading .pp26-accent { color: #5b6e45; }
  .pp2026.pp26-bird .pp26-acc__question { font-size: 16px; line-height: 1.35; padding-block: 20px; color: #2b2b22; }
}
/* product block text: sizes, weight and colours measured from the cleaned-up PDF (1400px) */
@media (min-width: 768px) {
  .pp2026.pp26-bird h2.pp26-advantages__title, .pp2026.pp26-bird h1.pp26-advantages__title { font-size: 39px; line-height: 1.05; color: #313f24; }
  .pp26-bird .pp26-advantages__intro, .pp26-bird .pp26-advantages__intro p { font-family: 'montserrat-medium', Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; color: #4a4f42; }
  .pp2026.pp26-bird .pp26-swatches__label { font-size: 15px; }
  .pp2026 .pp26-swatches__note, .pp2026 .pp26-swatches__note p { font-family: 'montserrat-medium', Arial, sans-serif; font-size: 14px; color: #55594e; }
  .pp26-bird .pp26-advantages__key .pp26-feature__title, .pp26-bird .pp26-advantages__key .pp26-feature__title p { font-size: 14px !important; }
  .pp26-bird .pp26-advantages__key .pp26-feature__desc, .pp26-bird .pp26-advantages__key .pp26-feature__desc p { font-family: 'montserrat-medium', Arial, sans-serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 18px !important; color: #55594e !important; }
  .pp2026.pp26-bird .pp26-panel__title { font-size: 28px; }
  .pp26-bird .pp26-panel .pp26-feature__title, .pp26-bird .pp26-panel .pp26-feature__title p { font-size: 17.5px !important; line-height: 1.3 !important; color: #2a2f22 !important; }
  .pp26-bird .pp26-panel .pp26-feature__desc, .pp26-bird .pp26-panel .pp26-feature__desc p { font-family: 'montserrat-medium', Arial, sans-serif !important; font-weight: 400 !important; font-size: 15px !important; line-height: 24px !important; color: #55594e !important; }
}
/* layout widths / sizes taken from the cleaned-up PDF (1400px design: content 90..1310) */
@media (min-width: 768px) {
  .pp2026.pp26-bird .pp26-stakes > .pp26-container { padding-inline: 6.5% 5.5%; }
  .pp2026.pp26-bird .pp26-product > .pp26-container { padding-inline: 6.43%; }
  .pp2026.pp26-bird .pp26-social > .pp26-container { padding-inline: 6.43%; }
  .pp2026.pp26-bird .pp26-associated > .pp26-container { padding-inline: 6.43%; }
  .pp26-bird .pp26-panel__header { min-height: 78px; padding-block: 16px; gap: 22px; }
  .pp26-bird .pp26-panel__icon { height: 32px; }
  .pp26-bird .pp26-panel .pp26-feature__icon { width: 62px; height: 62px; }
  .pp2026.pp26-bird .pp26-btn { min-width: 315px; height: 48px; }
  .pp26-bird .pp26-usp { min-height: 48px; }
  .pp26-bird .pp26-usp__inner { max-width: 1220px; margin-inline: auto; justify-content: space-around; }
  .pp26-bird .pp26-usp__inner p { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; font-size: 16px !important; text-transform: uppercase; }
  .pp26-bird .pp26-band, .pp26-bird .pp26-advantages__key { background: #faf6f1; }
  .pp2026 .pp26-swatch { width: 52px; height: 52px; }
  .pp26-swatches__list { gap: 7px; }
  .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title { padding-block: 10px; }
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type span, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type strong { font-size: 15.5px !important; }
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p span { font-family: 'montserrat-medium', Arial, sans-serif !important; font-size: 14px !important; color: #4a4f42 !important; }
}
/* panel header icons: bird-specific artwork (PDF colours), shown as background so the shared template stays */
@media (min-width: 768px) {
  .pp26-bird .pp26-panel__icon { object-fit: none; object-position: -9999px 0; background: center / contain no-repeat; }
  .pp26-bird .pp26-panel--problem .pp26-panel__icon { width: 31px; height: 26px; background-image: url("../img/2026/icon-bird-problem.png"); }
  .pp26-bird .pp26-panel--solution .pp26-panel__icon { width: 32px; height: 32px; background-image: url("../img/2026/icon-bird-solution.png"); }
  .pp26-bird .pp26-advantages__key .pp26-feature--stack { padding-right: 0; gap: 10px; }
}

@font-face { font-family: 'montserrat-extrabold'; src: url("../fonts/Montserrat-ExtraBold.ttf"); font-display: swap; }
@font-face { font-family: 'montserrat-light'; src: url("../fonts/Montserrat-Light.ttf"); font-display: swap; }
/* Typography pass against WEBSITE-smart-birds-davos2026_{4,mobile1}_cleanUP.psd (2026-10-23).
   Mobile PSD is 780 wide at 2x, so its font sizes are CSS px at 390. ExtraBold/Light are not in the theme: bold / regular stand in. */
@media (max-width: 767px) {
  .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child, .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child span { font-family: 'montserrat-medium', Arial, sans-serif !important; font-size: 22px !important; line-height: 26.82px !important; }
  .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content h1, .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content h1 span { font-size: 36px !important; line-height: 38.88px !important; }
  .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:not(:first-child), .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:not(:first-child) span { font-size: 17px !important; line-height: 20.72px !important; }
  .pp2026.pp26-bird .pp26-usp__inner p { font-family: 'montserrat-bold', Arial, sans-serif; font-weight: 400; font-size: 12px; line-height: 15.6px; letter-spacing: .017em; text-transform: uppercase; }
  .pp2026.pp26-bird .pp26-panel__title { font-size: 22px; line-height: 26.82px; letter-spacing: .014em; }
  .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__title, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__title p, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__title span { font-size: 16px !important; line-height: 20.8px !important; }
  .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc p, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc span { font-size: 14px !important; line-height: 20.3px !important; }
  .pp2026.pp26-bird h2.pp26-advantages__title, .pp2026.pp26-bird h1.pp26-advantages__title { font-size: 30px; line-height: 33.6px; }
  .pp2026.pp26-bird .pp26-advantages__intro p, .pp2026.pp26-bird .pp26-advantages__intro li { font-size: 15px !important; line-height: 23.25px !important; }
  .pp2026.pp26-bird .pp26-swatches__label, .pp2026.pp26-bird .pp26-swatches__label span { font-family: 'montserrat-bold', Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 18.29px; }
  .pp2026.pp26-bird .pp26-swatches__note { font-size: 13px; line-height: 18.85px; }
  .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__title, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__title p { font-size: 15px !important; line-height: 18.29px !important; }
  .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc p { font-size: 13px !important; line-height: 18.2px !important; }
  .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__title, .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__title p { font-size: 14px !important; line-height: 17.07px !important; letter-spacing: .021em; }
  .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc, .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc p { font-size: 13px !important; line-height: 18.2px !important; }
  .pp2026.pp26-bird .pp26-heading, .pp2026.pp26-bird .pp26-reviews__heading, .pp2026.pp26-bird .pp26-faqai__heading, .pp2026.pp26-bird .pp26-associated .pp26-heading { font-size: 24px !important; line-height: 28.8px !important; }
  .pp2026.pp26-bird .pp26-acc__question { font-size: 15px; line-height: 21px; }
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type span, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type strong { font-size: 17px !important; line-height: 20.72px !important; }
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p span { font-size: 14px !important; line-height: 21px !important; }
  .pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text span, .pp2026.pp26-bird .pp26-howto .bottom-image .bottom-img-text strong { font-family: 'montserrat-bold', Arial, sans-serif !important; font-weight: 400 !important; font-size: 22px !important; line-height: 26.82px !important; }
  .pp2026.pp26-bird .pp26-associated__card .pp26-associated__name { font-size: 17px !important; line-height: 20.72px !important; }
  .pp2026.pp26-bird .pp26-associated__card .pp26-associated__link { font-size: 13px !important; line-height: 15.85px !important; }
}
/* desktop: PSD is 1400 wide, sizes are px at that width; bodies are Regular where the base uses Medium/SemiBold */
@media (min-width: 1200px) {
  .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child, .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child span { font-family: 'montserrat-medium', Arial, sans-serif !important; font-size: clamp(34px, 2.81vw, 39.4px) !important; }
  .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content h1, .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content h1 span { font-size: clamp(34px, 3.75vw, 52.5px) !important; }
  .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:not(:first-child), .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:not(:first-child) span { font-size: clamp(18px, 1.88vw, 26.3px) !important; }
  .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc p, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc span { font-family: 'montserrat-medium', Arial, sans-serif !important; font-size: 15.3px !important; line-height: 23.7px !important; }
  .pp2026.pp26-bird .pp26-advantages__intro p, .pp2026.pp26-bird .pp26-advantages__intro li { font-size: 16.4px !important; line-height: 25.2px !important; }
  .pp2026.pp26-bird .pp26-swatches__label, .pp2026.pp26-bird .pp26-swatches__label span { font-family: 'montserrat-bold', Arial, sans-serif; font-weight: 400; font-size: 15.3px; }
  .pp2026.pp26-bird .pp26-swatches__note { font-size: 14.2px; }
  .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__title, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__title p { font-size: 14.2px !important; }
  .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc p { font-family: 'montserrat-medium', Arial, sans-serif !important; font-size: 13.1px !important; }
  .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__title, .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__title p { font-size: 15.3px !important; }
  .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc, .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc p { font-family: 'montserrat-medium', Arial, sans-serif !important; font-size: 13.1px !important; }
  .pp2026.pp26-bird .pp26-associated__card .pp26-associated__link { font-size: 13.7px !important; }
}
/* ExtraBold headings / Light eyebrow as in the PSD, Medium for the "Regular" body copy (the PDF renders it heavier than plain Regular) */
.pp2026.pp26-bird h2.pp26-advantages__title, .pp2026.pp26-bird h1.pp26-advantages__title, .pp2026.pp26-bird .pp26-panel__title { font-family: 'montserrat-extrabold', Arial, sans-serif; font-weight: 400; }
.pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child, .pp2026.pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child span { font-family: 'montserrat-light', Arial, sans-serif !important; }
.pp2026.pp26-bird .pp26-advantages__intro p, .pp2026.pp26-bird .pp26-advantages__intro li { font-family: 'montserrat-medium', Arial, sans-serif !important; }
.pp2026.pp26-bird .pp26-swatches__note, .pp2026.pp26-bird .pp26-acc__answer, .pp2026.pp26-bird .pp26-acc__answer p, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p span { font-family: 'montserrat-medium', Arial, sans-serif !important; }
.pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc, .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc p, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc p, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc p { font-family: 'montserrat-medium', Arial, sans-serif !important; }

/* Client spacing pass, DAVOS XL mobile (Consignes_dev_DAVOS_XL_mobile.pdf, 2026-11-04). Plain CSS px at 390 wide, tolerance +-3.
   Each rule names the PDF row it fixes; font sizes / line heights are untouched. */
@media (max-width: 767px) {
  /* 1 - Hero + title bar (DAVOS_XL_mobile_spacing_and_dimensions.pdf, 2026-11-03) */
  .pp26-bird .pp26-hero--split .pp26-hero__text { padding: 16px 16px 3px 21px; }                           /* left margin +5 ; subtitle -> image -14 */
  .pp26-bird .pp26-hero--split .pp26-hero__content > p:first-child { margin-bottom: 9px; }                 /* kicker -> H1 21 */
  .pp26-bird .pp26-hero--split .pp26-hero__photo-img { aspect-ratio: 390 / 392; }                          /* image height 294 -> 392, no crop */
  .pp2026.pp26-bird .pp26-hero__cta-mobile { padding-top: 22px; }                                          /* image -> button 22 */
  .pp2026.pp26-bird .pp26-usp__inner { padding-block: 0; gap: 0; }
  .pp2026.pp26-bird .pp26-usp__inner p { min-height: 36.5px; height: 36.5px; padding-block: 0; }            /* benefit strip 44 -> 36.5 */
  .pp2026.pp26-bird .pp26-stakes { padding-top: 19.5px; }                                                  /* strips -> Problem card +8.5 */
  .pp2026.pp26-bird .pp26-panel__header { min-height: 54.5px; }                                            /* title bar 41 -> 54.5 */
  /* 2 - Problem / Solution cards */
  .pp2026.pp26-bird .pp26-stakes > .pp26-container { padding-inline: 20px; }
  .pp2026.pp26-bird .pp26-panel__body { padding-top: 20px; padding-bottom: 22.5px; }                       /* bar -> 1st title +9.5 ; last desc -> card bottom +10 */
  .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc { margin-top: 6.6px; }               /* title -> desc +4.5 */
  .pp2026.pp26-bird .pp26-panel .pp26-feature--row + .pp26-feature--row { margin-top: 14.4px; }             /* desc -> separator 20.5 (ink) */
  .pp2026.pp26-bird .pp26-stakes__grid { row-gap: 15.5px; }                                                  /* problem -> solution +5.5 */
  /* 3 - Product, gallery, colours */
  .pp2026.pp26-bird .pp26-product { padding-top: 0; }
  .pp2026.pp26-bird .pp26-product > .pp26-container { padding-inline: 20px; }
  .pp2026.pp26-bird h2.pp26-advantages__title, .pp2026.pp26-bird h1.pp26-advantages__title { margin-top: 15.8px; } /* solution card -> product title -33 */
  .pp2026.pp26-bird .pp26-product__gallery { margin-top: 10px; }                                             /* description -> main image -11 */
  .pp2026.pp26-bird .pp26-product__gallery .slider-bottom { margin-top: 23.5px; }                            /* main image -> thumbnails +11.5 */
  .pp2026.pp26-bird .pp26-swatches__label { margin-bottom: 17.5px; }                                         /* "Farbe" -> swatches +3.5 */
  .pp2026.pp26-bird .pp26-swatches__list { gap: 4.5px; }                                                     /* swatch pitch 50 */
  .pp2026.pp26-bird .pp26-swatches__list { flex-wrap: nowrap; }
  .pp2026.pp26-bird .pp26-swatch { flex: 0 1 45.5px; min-width: 0; width: auto; height: auto; aspect-ratio: 1; }                                          /* swatch size 45.5 */
  .pp2026.pp26-bird .pp26-swatches__note { margin-top: 7.5px; }                                              /* swatches -> "7 Farben..." -6.5 */
  /* 4 - Features box, button, Swiss Engineered band */
  .pp2026.pp26-bird .pp26-advantages__key { margin-top: 25px; padding-bottom: 24px; }                        /* "7 Farben" -> box +12.5 ; last feature -> box bottom +11.5 */
  .pp2026.pp26-bird .pp26-tech { padding-top: 12.5px; }                                                      /* button -> band -19.5 */
  .pp2026.pp26-bird .pp26-tech__inner { padding-inline: 20px; }
  /* 5 - Reviews + FAQ */
  .pp2026.pp26-bird .pp26-social { padding-top: 20.5px; }                                                    /* band -> reviews title -30.5 */
  .pp2026.pp26-bird .pp26-social > .pp26-container { padding-inline: 20px; }                                 /* left margin 16 -> 20 */
  .pp2026.pp26-bird .pp26-social__grid { row-gap: 27px; }                                                    /* button -> FAQ title -5 */
  .pp2026.pp26-bird .pp26-acc__question { padding-top: 23.5px; padding-bottom: 23.5px; }                     /* closed row 58 -> 69 */
  /* 6 - How to use */
  .pp2026.pp26-bird .pp26-howto { padding-top: 2.5px; }                                                      /* last FAQ question TEXT -> band 28.5 (row padding 23.5 + line gap already ~26) */
  .pp2026.pp26-bird .pp26-howto .redesign-howtouse2024 .accordion-title { padding-block: 14.8px; min-height: 0; }          /* one-line title -> band 53.5 */
  .pp2026.pp26-bird .pp26-howto .accordion-title h2 { margin-inline: 0; padding-inline: 10px; }
  .pp2026.pp26-bird .pp26-howto .accordion > .container { padding-inline: 20px; }
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step img { height: auto; aspect-ratio: 1.83 / 1; object-fit: cover; } /* step photos 267 -> 191.5 */
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p:first-of-type { margin-top: 7.8px; }  /* photo -> step title -11 */
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-image { margin-bottom: 28.5px; }              /* step 3 -> step 4 -31.5 */
  .pp2026.pp26-bird .pp26-howto .bottom-image { width: calc(100% - 40px); }
  /* 7 - Complete the collection */
  .pp2026.pp26-bird .pp26-associated__grid { margin-top: 23px; padding-left: 18px; scroll-padding-left: 18px; } /* title -> cards +22 ; 1st card margin +18 */
  .pp2026.pp26-bird .pp26-associated__photo img { transform: none; }                                         /* image no longer touches the card edges (15px padding) */
  /* Typography: running text Montserrat Regular (400) like the PSD */
  .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc p, .pp2026.pp26-bird .pp26-panel .pp26-feature--row .pp26-feature__desc span,
  .pp2026.pp26-bird .pp26-advantages__intro p, .pp2026.pp26-bird .pp26-advantages__intro li, .pp2026.pp26-bird .pp26-swatches__note,
  .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc, .pp2026.pp26-bird .pp26-advantages__key .pp26-feature--stack .pp26-feature__desc p,
  .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc, .pp2026.pp26-bird .pp26-feature--tech .pp26-feature__desc p,
  .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p, .pp2026.pp26-bird .pp26-howto .howtousedesktop .product-usage-step p + p span { font-family: 'montserrat-regular', Arial, sans-serif !important; font-weight: 400 !important; }
}

/* How-to band: no accordion toggle arrow (legacy up/down-arrow.png) - the design has none and it stuck out of the band on mobile */
.pp2026.pp26-bird .pp26-howto .accordion.type-one > .accordion-title h2:after, .pp2026.pp26-bird .pp26-howto .accordion.type-one > .accordion-title.active h2:after { display: none; }