/* Product page, compact on the phone (Sasan 07.10.2026: "auf einen Blick Produkt und Preis, alles zu, alles kompakt, Touch").
   Order on the phone: picture (swipe) -> name -> PRICE BOX with the button -> variant -> alternatives (small row) -> offers (only with
   several shops) -> "Worauf achten" (closed) -> overview -> description and data (closed) -> more products (small row).
   Texts that repeat the price or the product (price check line, overview line, "similar products" line, label above a single variant)
   are hidden here; nothing is removed from the page's HTML. Touch targets are at least 44 px. */

/* "Worauf achten" is an accordion like the product data, on every screen size */
.shop-advice{margin:0;padding:0;border:1px solid #c9ddff;border-radius:5px;background:#fff}
.shop-advice>summary{display:flex;align-items:center;min-height:54px;padding:12px 17px;list-style:none;cursor:pointer;font-size:16px;font-weight:700;color:#0b1f4d}
.shop-advice>summary::-webkit-details-marker{display:none}
.shop-advice>summary::after{content:"⌄";margin-left:auto;color:#0755db;font-size:24px;font-weight:400}
.shop-advice[open]>summary::after{content:"⌃"}
.shop-advice>p{margin:0;padding:0 17px 16px;font-size:15px;line-height:1.55;color:#1d2a3a}
.shop-price-trust{display:none}

@media (max-width:767px){
  /* ---- head: one column, the price box right after the name ---- */
  .page-product.shopping-reference .shop-detail-hero.shop-detail-hero-v2{position:relative;display:flex;flex-direction:column;gap:6px;grid-template-columns:none;margin-top:0}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-intro{display:contents!important}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-visual{order:1;margin:0}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-heading{order:2}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-price-box{order:3}
  .page-product.shopping-reference .shop-detail-hero-v2 .ph-stars,
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-product-ratings,
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-ratings-title{order:4}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-variants,
  .page-product.shopping-reference .shop-detail-hero-v2 .ph-variants{order:5}
  .page-product.shopping-reference .shop-detail-hero-v2 .ph-alt{order:6}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-price-check,
  .page-product.shopping-reference .shop-detail-hero-v2 .ph-overview,
  .page-product.shopping-reference .shop-detail-hero-v2 .ph-similar,
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-subtitle{display:none}

  /* save / share: two round 44 px buttons on the picture's corner */
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-actions{position:absolute;top:6px;right:6px;z-index:6;display:flex;gap:2px;margin:0;padding:0}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-actions>*{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#ffffffd9;color:#0755db;font-size:0;gap:0}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-actions>*::after{content:"";position:absolute;inset:-7px}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-actions svg{width:17px;height:17px}

  /* ---- gallery: one picture 210 px high, swipe, dots; tap opens the large view ---- */
  .page-product.shopping-reference .pg{position:relative;gap:0}
  .page-product.shopping-reference .pg-main{aspect-ratio:auto;height:200px;max-height:none;padding:0;border-radius:12px}
  .page-product.shopping-reference .shop-detail-hero .pg-thumbs,
  .page-product.shopping-reference .pg--swipe .pg-main{display:none!important}
  .pg-swipe-wrap{position:relative}
  .pg-swipe{display:flex;height:200px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid #e1e6ec;border-radius:12px;background:#fff}
  .pg-swipe::-webkit-scrollbar{display:none}
  .pg-slide{flex:0 0 100%;height:100%;padding:0;border:0;background:none;scroll-snap-align:center;scroll-snap-stop:always;cursor:zoom-in}
  .pg-slide img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
  .pg-count{position:absolute;right:8px;bottom:8px;padding:2px 9px;border-radius:999px;background:#0b203dd9;color:#fff;font-size:12px;font-weight:700;pointer-events:none}
  .page-product.shopping-reference .pg-badge{display:none}
  .pg-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;pointer-events:none}
  .pg-dots i{width:7px;height:7px;border-radius:4px;background:#c3cddd}
  .pg-dots i.on{width:20px;background:#0755db}

  /* ---- name ---- */
  .page-product.shopping-reference .shop-detail-heading{padding-right:0}
  .page-product.shopping-reference .shop-detail-brand{display:none}
  .page-product.shopping-reference .shop-detail-heading h1[data-brand]::before{content:attr(data-brand) " ";font-weight:500;color:#53647c}
  .page-product.shopping-reference .shop-detail-intro h1,
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-heading h1{margin:2px 0 0;font-size:19px;line-height:1.25;-webkit-line-clamp:2}
  .page-product.shopping-reference .shop-detail-spec{display:none}

  /* ---- price box: price, saving, shipping, ONE button, one trust line ---- */
  .page-product.shopping-reference .shop-price-box{position:static;display:block;padding:8px 12px 6px;border:1px solid #bcd3f7;border-radius:14px;background:#f4f8ff}
  .page-product.shopping-reference .shop-price-box .shop-best-badge{margin:0 0 4px;font-size:12px}
  .page-product.shopping-reference .shop-price-box .shop-price-was{margin:0;font-size:14px}
  .page-product.shopping-reference .shop-price-box .shop-price-now{margin:0;font-size:30px;line-height:1.1;font-weight:800;color:#0b1f4d}
  .page-product.shopping-reference .shop-price-box .shop-price-shipping{margin:0 0 6px;font-size:13px;color:#52627c}
  .page-product.shopping-reference .shop-price-box .shop-price-reference,
  .page-product.shopping-reference .shop-price-box dl,
  .page-product.shopping-reference .shop-price-box .shop-price-cta-compare{display:none!important}
  .page-product.shopping-reference .shop-price-box .shop-price-cta-direct{display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:48px;font-size:16px;font-weight:700;text-align:center}
  .page-product.shopping-reference .shop-price-box .shop-cta-shop{font-weight:500;opacity:.9}
  .page-product.shopping-reference .shop-price-box .shop-price-trust{display:block;margin:6px 0 0;font-size:12px;line-height:1.4;color:#52627c}
  .page-product.shopping-reference .shop-price-box .shop-price-all{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:2px;font-size:14px}

  /* ---- variant: no repeated label above a single choice, chips with 44 px height ---- */
  .page-product.shopping-reference .shop-detail-variants{margin:0}
  .page-product.shopping-reference .shop-detail-variants:has(> div > :only-child)>p:first-child{display:none}
  .page-product.shopping-reference .shop-detail-variants a{min-height:44px}

  /* ---- alternatives: one small row like the price comparison sites ---- */
  .page-product.shopping-reference .ph-alt{margin:0}
  .page-product.shopping-reference .ph-alt h2{margin:0 0 4px;font-size:14px}
  .page-product.shopping-reference .ph-rail{margin-top:0}
  .page-product.shopping-reference .ph-rail-btn{display:none}
  .page-product.shopping-reference .ph-rail-track{padding:4px 2px}
  .page-product.shopping-reference .ph-rail .ph-alt-card{flex:0 0 118px;gap:1px;padding:6px}
  .page-product.shopping-reference .ph-rail .ph-alt-image{height:54px;margin-bottom:2px}
  .page-product.shopping-reference .ph-rail .ph-alt-image img{height:54px!important;max-height:54px!important}
  .page-product.shopping-reference .ph-rail .ph-alt-brand{display:none}
  .page-product.shopping-reference .ph-rail .ph-alt-name{min-height:30px;font-size:12px;line-height:1.25}
  .page-product.shopping-reference .ph-rail .ph-alt-price{margin-top:2px;font-size:14px}
  .page-product.shopping-reference .ph-rail .ph-alt-note{font-size:11px}

  /* ---- below the head ---- */
  .page-product.shopping-reference .shop-detail>.shop-compare{margin-top:14px}
  .page-product.shopping-reference .shop-detail-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center}
  .page-product.shopping-reference .shop-detail>.shop-advice{order:2;margin:14px 0 0}
  .page-product.shopping-reference .shop-detail-overview{margin-top:14px;padding:0}
  .page-product.shopping-reference .shop-detail-overview h2{margin:0 0 6px;font-size:17px}
  .page-product.shopping-reference .shop-detail-overview dl div{padding:8px 12px}
  .page-product.shopping-reference .shop-detail-overview p{display:none}

  /* accordions: closed by default, big touch target, readable text with space after every paragraph */
  .page-product.shopping-reference .shop-detail-accordions{gap:10px}
  .page-product.shopping-reference .shop-detail-accordions summary{min-height:56px;padding:12px 16px;font-size:16px}
  .page-product.shopping-reference .supplier-description{font-size:15px;line-height:1.6;color:#1d2a3a}
  .page-product.shopping-reference .supplier-description p{margin:0 0 14px}
  .page-product.shopping-reference .supplier-description p:last-child{margin-bottom:0}
  .page-product.shopping-reference .supplier-description :is(h2,h3,h4){margin:18px 0 6px;font-size:16px;line-height:1.3}
  .page-product.shopping-reference .supplier-description :is(ul,ol){margin:0 0 14px;padding-left:20px}
  .page-product.shopping-reference .supplier-description li{margin:0 0 6px}
  .page-product.shopping-reference .shop-spec-group{margin:18px 0 4px;padding:0 22px;font-size:15px;color:#0b1f4d}
  .page-product.shopping-reference .shop-full-facts{display:block;padding:0 22px 12px}
  .page-product.shopping-reference .shop-full-facts>div{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:9px 0;border-bottom:1px solid #e6ecf5}
  .page-product.shopping-reference .shop-full-facts dt{font-size:13px;line-height:1.35;color:#53647c}
  .page-product.shopping-reference .shop-full-facts dd{margin:0;font-size:15px;line-height:1.4;color:#0b1f4d;overflow-wrap:anywhere}

  /* more products: one small row */
  .page-product.shopping-reference .shop-detail-related{margin-top:18px}
  .page-product.shopping-reference .shop-detail-related h2{margin:0 0 8px;font-size:17px}
  .page-product.shopping-reference .shop-detail-related>div{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:none}
  .page-product.shopping-reference .shop-detail-related>div::-webkit-scrollbar{display:none}
  .page-product.shopping-reference .shop-detail-related article{flex:0 0 132px;scroll-snap-align:start;gap:2px}
  .page-product.shopping-reference .shop-detail-related article{display:flex;flex-direction:column;padding:8px}
  .page-product.shopping-reference .shop-detail-related article .shop-related-image{display:block;position:relative;flex:none;height:84px;overflow:hidden;border-radius:8px;background:#fff}
  .page-product.shopping-reference .shop-detail-related article .shop-related-image :is(img,svg,picture){position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain}
  .page-product.shopping-reference .shop-detail-related article p{margin:4px 0 0;font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .page-product.shopping-reference .shop-detail-related article a:not(.shop-related-image){display:flex;align-items:center;min-height:44px;margin-top:auto;font-size:13px}
}

/* ---- PC and iPad: less white, fewer repeats (Sasan 07.10.2026: "Riesen-Margin, packt mehr zusammen") ---- */
@media (min-width:768px){
  .page-product.shopping-reference .shop-detail-hero.shop-detail-hero-v2{gap:22px}
  .page-product.shopping-reference .pg{gap:8px}
  .page-product.shopping-reference .pg-main{aspect-ratio:auto;height:clamp(300px,31vw,400px);max-height:none;padding:4px}
  .page-product.shopping-reference .pg-thumbs{grid-template-columns:repeat(5,56px);gap:6px;justify-content:start}
  .page-product.shopping-reference .pg-thumb{padding:3px}
  .page-product.shopping-reference .pg-badge{left:8px;bottom:8px}
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-price-check,
  .page-product.shopping-reference .shop-detail-hero-v2 .shop-detail-subtitle{display:none}
  .page-product.shopping-reference .shop-detail-variants:has(> div > :only-child)>p:first-child{display:none}
  .page-product.shopping-reference .shop-price-box dl>div:first-child{display:none}
  .page-product.shopping-reference .shop-price-box .shop-price-trust{display:block;margin:6px 0 0;font-size:12px;line-height:1.4;color:#52627c}
  .page-product.shopping-reference .ph-rail-track{padding:4px 2px}
  .page-product.shopping-reference .ph-rail .ph-alt-card{flex:0 0 118px;gap:1px;padding:6px}
  .page-product.shopping-reference .ph-rail .ph-alt-image{height:54px;margin-bottom:2px}
  .page-product.shopping-reference .ph-rail .ph-alt-image img{height:54px!important;max-height:54px!important}
  .page-product.shopping-reference .ph-rail .ph-alt-brand{display:none}
  .page-product.shopping-reference .ph-rail .ph-alt-name{min-height:30px;font-size:12px;line-height:1.25}
  .page-product.shopping-reference .ph-rail .ph-alt-price{margin-top:2px;font-size:14px}
  .page-product.shopping-reference .ph-rail .ph-alt-note{font-size:11px}
  .page-product.shopping-reference .shop-detail>.shop-compare--single{display:none}
}