/** Shopify CDN: Minification failed

Line 12:0 Unexpected "{"
Line 12:1 Expected identifier but found "%"
Line 12:26 Unexpected "{"
Line 12:27 Expected identifier but found "%"
Line 12:65 Expected identifier but found "%"
Line 12:79 Expected identifier but found "{"
Line 12:80 Expected identifier but found "%"

**/
{%- capture _pi_btypes -%}{%- for b in section.blocks -%}|b.type{%- endfor -%}|{%- endcapture -%}
  html { scrollbar-gutter: stable; overflow-x: clip; }
  body { overflow-x: clip; }
  
  #pi-ge-pi {
    
    --pi-max-w:       1200px;
    --pi-pad-t-m:     14px;
    --pi-pad-t-d:     12px;
    --pi-pad-x-m:     10px;
    --pi-pad-x-d:     20px;
    --pi-pad-b-m:     16px;
    --pi-pad-b-d:     24px;
    --pi-desk-gap:    32px;
    --pi-gal-radius:  18px;
    --pi-gal-speed:   250ms;
    --pi-title-fs-m:  px;
    --pi-title-fs-d:  px;
    --pi-title-fw:    ;
    --pi-desc-fs:     px;
    --pi-price-fs-m:  22px;
    --pi-price-fs-d:  24px;
    --pi-card-radius: 10px;
    --pi-card-gap:    8px;
    --pi-sub-radius:  10px;
    --pi-proof-radius:10px;
    --pi-btn-radius:  8px;
    --pi-btn-fs-m:    15px;
    --pi-btn-fs-d:    16px;
    --pi-btn-fw:      700;
    --pi-btn-pad-v:   16px;
    --pi-badge-fs:    12px;
    --pi-offer-container-bg:     var(--pi-conf-bg);
    --pi-offer-container-border: var(--pi-conf-border);

    
      
      
      
      
      
      --pi-bg:               #FCFCFC;
      --pi-info-bg:          #FCFCFC;
      --pi-gal-bg:           color-mix(in srgb, #337AC8 18%, #FCFCFC);
      --pi-caramel:          #337AC8;
      --pi-muted:            color-mix(in srgb, #121212 50%, #FCFCFC);
      
      --pi-title-color:      #121212;
      --pi-desc-color:       color-mix(in srgb, #121212 80%, #FCFCFC);
      --pi-per-unit-color:   color-mix(in srgb, #121212 65%, #FCFCFC);
      --pi-reassure-color:   color-mix(in srgb, #121212 60%, #FCFCFC);
      
      --pi-price-color:      #121212;
      --pi-compare-color:    color-mix(in srgb, #121212 45%, #FCFCFC);
      --pi-save-bg:          #337AC8;
      --pi-save-color:       #FCFCFC;
      
      --pi-star-color:       #337AC8;
      --pi-badge-color:      #121212;
      --pi-badge-pill-bg:    color-mix(in srgb, #337AC8 12%, #FCFCFC);
      --pi-badge-pill-border:color-mix(in srgb, #337AC8 28%, #FCFCFC);
      --pi-badge-tp-star-bg: #337AC8;
      --pi-badge-banner-bg:  color-mix(in srgb, #337AC8 10%, #FCFCFC);
      --pi-badge-banner-border:color-mix(in srgb, #337AC8 25%, #FCFCFC);
      
      --pi-conf-bg:          color-mix(in srgb, #337AC8 8%, #FCFCFC);
      --pi-conf-border:      color-mix(in srgb, #337AC8 25%, #FCFCFC);
      --pi-conf-accent:      #337AC8;
      
      --pi-card-bg:          #FCFCFC;
      --pi-card-border:      color-mix(in srgb, #337AC8 22%, #FCFCFC);
      --pi-card-rec-bg:      color-mix(in srgb, #337AC8 10%, #FCFCFC);
      --pi-card-rec-border:  #337AC8;
      --pi-tier-badge-bg:    #337AC8;
      --pi-tier-badge-color: #FCFCFC;
      
      --pi-sub-bg-active:    #337AC8;
      --pi-sub-bg-inactive:  #FCFCFC;
      --pi-sub-text-active:  #FCFCFC;
      --pi-sub-text-inactive:color-mix(in srgb, #121212 80%, #FCFCFC);
      --pi-sub-border:       color-mix(in srgb, #337AC8 25%, #FCFCFC);
      
      --pi-btn-bg:           #337AC8;
      --pi-btn-color:        #FCFCFC;
      --pi-btn-hover-bg:     color-mix(in srgb, #337AC8 80%, #121212);
      
      --pi-sticky-bg:        #121212;
      --pi-sticky-color:     #FCFCFC;
      
      --pi-proof-bg:         color-mix(in srgb, #337AC8 6%, #FCFCFC);
      --pi-proof-border:     color-mix(in srgb, #337AC8 22%, #FCFCFC);
      --pi-proof-hl-color:   #121212;
      --pi-proof-sub-color:  color-mix(in srgb, #121212 65%, #FCFCFC);
      
      --pi-info-box-bg:      color-mix(in srgb, #337AC8 7%, #FCFCFC);
      --pi-info-box-border:  color-mix(in srgb, #337AC8 22%, #FCFCFC);
      
      --pi-modal-bg:         #FCFCFC;
      --pi-modal-text-color: #121212;
      --pi-modal-card-bg:    color-mix(in srgb, #337AC8 5%, #FCFCFC);
      --pi-modal-card-border:color-mix(in srgb, #337AC8 22%, #FCFCFC);
      --pi-modal-accent:     #337AC8;
      
      --pi-acc-bg:           #FCFCFC;
      --pi-acc-border:       color-mix(in srgb, #337AC8 20%, #FCFCFC);
      --pi-acc-title-color:  #121212;
      --pi-acc-text-color:   color-mix(in srgb, #121212 75%, #FCFCFC);
      
      --pi-trust-color:      color-mix(in srgb, #121212 60%, #FCFCFC);
      --pi-trust-icon-color: #337AC8;
      
      --pi-eyebrow-bg:       color-mix(in srgb, #337AC8 10%, #FCFCFC);
      --pi-eyebrow-color:    #337AC8;
      --pi-eyebrow-border:   color-mix(in srgb, #337AC8 25%, #FCFCFC);
      --pi-chip-bg:          color-mix(in srgb, #337AC8 12%, #FCFCFC);
      --pi-chip-color:       #337AC8;
      --pi-chip-border:      color-mix(in srgb, #337AC8 30%, #FCFCFC);
    
  }

  #pi-ge-pi {
    background: var(--pi-bg) !important;
    padding: var(--pi-pad-t-m) var(--pi-pad-x-m) var(--pi-pad-b-m) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100vw !important;
  }
  #pi-ge-pi *, #pi-ge-pi *::before, #pi-ge-pi *::after {
    box-sizing: border-box !important;
  }
  #pi-ge-pi .pi-wrap {
    max-width: var(--pi-max-w) !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  #pi-ge-pi .pi-gallery {
    width: 100% !important;
    background: var(--pi-gal-bg) !important;
    position: relative !important;
    border-radius: var(--pi-gal-radius) !important;
    overflow: hidden !important;
  }
  #pi-ge-pi .pi-gallery-main { position: relative !important; overflow: hidden !important; border-radius: var(--pi-gal-radius) !important; }
  #pi-ge-pi .pi-gallery-track {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-behavior: smooth !important;
  }
  #pi-ge-pi .pi-gallery-track::-webkit-scrollbar { display: none !important; }
  #pi-ge-pi .pi-gallery-slide { min-width: 100% !important; aspect-ratio: 1 / 1 !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; background: var(--pi-gal-bg) !important; }
  #pi-ge-pi .pi-gallery-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-gallery-slide .pi-video,
  #pi-ge-pi .pi-gallery-slide video,
  #pi-ge-pi .pi-gallery-slide iframe { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-gallery-dots { display: flex !important; justify-content: center !important; gap: 6px !important; padding: 6px 0 2px !important; }
  #pi-ge-pi .pi-gallery-dot {
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    background: var(--pi-muted, #9B8578) !important; opacity: 0.35 !important;
    border: none !important; padding: 0 !important; cursor: pointer !important;
    transition: opacity 200ms ease, transform 200ms ease !important;
  }
  #pi-ge-pi .pi-gallery-dot.active { opacity: 1 !important; transform: scale(1.2) !important; background: var(--pi-caramel, #8B5E3C) !important; }
  #pi-ge-pi .pi-gallery-thumbs {
    display: flex !important; gap: 6px !important; padding: 4px 0 0 !important;
    overflow-x: auto !important; scrollbar-width: none !important; -ms-overflow-style: none !important;
    width: 100% !important;
  }
  #pi-ge-pi .pi-gallery-thumbs::-webkit-scrollbar { display: none !important; }
  #pi-ge-pi .pi-gallery-thumb {
    flex: 0 0 calc((100% - 30px) / 6) !important;
    width: calc((100% - 30px) / 6) !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border-radius: 8px !important; overflow: hidden !important;
    border: 2px solid transparent !important; cursor: pointer !important; padding: 0 !important; background: transparent !important;
    opacity: 0.6 !important; transition: opacity 200ms ease, border-color 200ms ease !important;
  }
  #pi-ge-pi .pi-gallery-thumb.active { border-color: var(--pi-caramel, #8B5E3C) !important; opacity: 1 !important; }
  #pi-ge-pi .pi-gallery-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

  
  
  #pi-ge-pi .pi-info {
    padding: 20px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--pi-info-box-bg, var(--pi-conf-bg)) !important;
    gap: 0 !important;
    border-radius: 18px !important;
    border: 1px solid var(--pi-info-box-border, var(--pi-conf-border)) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
    margin-top: 14px !important;
  }
  

  #pi-ge-pi .pi-badge { margin-bottom: 10px !important; }
  #pi-ge-pi .pi-stars { display: flex !important; gap: 1px !important; }
  #pi-ge-pi .pi-stars svg { width: 14px !important; height: 14px !important; fill: var(--pi-star-color) !important; }
  #pi-ge-pi .pi-badge-text { color: var(--pi-badge-color, #4A2C2A) !important; font-size: var(--pi-badge-fs, 12px) !important; line-height: 1.3 !important; }

  #pi-ge-pi .pi-badge--classic { display: flex !important; align-items: center !important; gap: 5px !important; }

  #pi-ge-pi .pi-badge--pill { display: inline-flex !important; align-items: center !important; gap: 7px !important; background: var(--pi-badge-pill-bg) !important; border: 1px solid var(--pi-badge-pill-border) !important; border-radius: 100px !important; padding: 5px 13px 5px 10px !important; }
  #pi-ge-pi .pi-badge--pill .pi-stars svg { width: 12px !important; height: 12px !important; }
  #pi-ge-pi .pi-badge--pill .pi-badge-score { font-size: 13px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-badge--pill .pi-badge-divider { width: 1px !important; height: 14px !important; background: var(--pi-badge-pill-border) !important; opacity: 0.5 !important; }
  #pi-ge-pi .pi-badge--pill .pi-badge-text { font-size: var(--pi-badge-fs, 12px) !important; }

  #pi-ge-pi .pi-badge--avatars { display: flex !important; align-items: center !important; gap: 10px !important; }
  #pi-ge-pi .pi-badge-avatar-stack { display: flex !important; align-items: center !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-badge-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; border: 2.5px solid var(--pi-bg, #FFFAF5) !important; overflow: hidden !important; margin-left: -9px !important; flex-shrink: 0 !important; background: var(--pi-gal-bg) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 9px !important; font-weight: 800 !important; color: var(--pi-caramel) !important; text-transform: uppercase !important; }
  #pi-ge-pi .pi-badge-avatar:first-child { margin-left: 0 !important; }
  #pi-ge-pi .pi-badge-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-badge--avatars .pi-badge-right { display: flex !important; flex-direction: column !important; gap: 1px !important; }
  #pi-ge-pi .pi-badge--avatars .pi-badge-text { font-size: var(--pi-badge-fs, 12px) !important; }

  #pi-ge-pi .pi-badge--trustpilot { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-badge-tp-label-group { display: flex !important; flex-direction: column !important; gap: 1px !important; }
  #pi-ge-pi .pi-badge-tp-excellent { font-size: 14px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; line-height: 1.1 !important; }
  #pi-ge-pi .pi-badge-tp-sub { font-size: var(--pi-badge-fs, 12px) !important; color: var(--pi-per-unit-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-badge-tp-star-wrap { display: flex !important; flex-direction: column !important; gap: 3px !important; align-items: flex-start !important; }
  #pi-ge-pi .pi-badge-tp-score-row { display: flex !important; align-items: baseline !important; gap: 4px !important; }
  #pi-ge-pi .pi-badge-tp-score { font-size: 13px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-badge-tp-platform { font-size: var(--pi-badge-fs, 12px) !important; color: var(--pi-per-unit-color) !important; font-weight: 500 !important; }
  
  #pi-ge-pi .pi-tp-stars-container { position: relative !important; display: inline-block !important; }
  #pi-ge-pi .pi-tp-stars-svg { display: block !important; height: 20px !important; width: auto !important; }
  #pi-ge-pi .pi-tp-stars-overlay { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; overflow: hidden !important; width: calc(var(--tp-rating, 4.9) / 5 * 100%) !important; }
  #pi-ge-pi .pi-tp-stars-overlay .pi-tp-stars-svg { position: absolute !important; top: 0 !important; left: 0 !important; }

  #pi-ge-pi .pi-badge--banner { display: flex !important; align-items: stretch !important; gap: 0 !important; background: var(--pi-badge-banner-bg) !important; border: 1px solid var(--pi-badge-banner-border) !important; border-radius: 12px !important; overflow: hidden !important; margin-bottom: 12px !important; }

  #pi-ge-pi .pi-badge-banner-left { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 14px 16px !important; gap: 3px !important; flex-shrink: 0 !important; background: color-mix(in srgb, var(--pi-badge-banner-border) 25%, var(--pi-badge-banner-bg)) !important; border-right: 1px solid var(--pi-badge-banner-border) !important; min-width: 78px !important; }
  #pi-ge-pi .pi-badge-banner-score { font-size: 30px !important; font-weight: 900 !important; color: var(--pi-title-color) !important; line-height: 1 !important; letter-spacing: -0.03em !important; }
  #pi-ge-pi .pi-badge-banner-left .pi-stars { gap: 1px !important; }
  #pi-ge-pi .pi-badge-banner-left .pi-stars svg { width: 11px !important; height: 11px !important; }
  #pi-ge-pi .pi-badge-banner-outof { font-size: 9px !important; color: var(--pi-per-unit-color) !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }

  #pi-ge-pi .pi-badge-banner-right { flex: 1 !important; min-width: 0 !important; padding: 10px 14px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; gap: 0 !important; }
  #pi-ge-pi .pi-badge-banner-top { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 6px !important; margin-bottom: 7px !important; }
  #pi-ge-pi .pi-badge-banner-label { font-size: 13px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-badge-banner-count { font-size: 10px !important; color: var(--pi-per-unit-color) !important; white-space: nowrap !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-badge-banner-divider { border: none !important; border-top: 1px solid var(--pi-badge-banner-border) !important; margin: 0 0 7px !important; }

  #pi-ge-pi .pi-badge-banner-stats { display: flex !important; gap: 0 !important; align-items: stretch !important; }
  #pi-ge-pi .pi-badge-banner-stat { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 1px !important; padding-right: 8px !important; border-right: 1px solid var(--pi-badge-banner-border) !important; margin-right: 8px !important; }
  #pi-ge-pi .pi-badge-banner-stat:last-child { border-right: none !important; padding-right: 0 !important; margin-right: 0 !important; }
  #pi-ge-pi .pi-badge-banner-stat-val { font-size: 13px !important; font-weight: 900 !important; color: var(--pi-modal-accent) !important; line-height: 1 !important; }
  #pi-ge-pi .pi-badge-banner-stat-key { font-size: 9px !important; color: var(--pi-per-unit-color) !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; font-weight: 600 !important; line-height: 1.3 !important; }

  #pi-ge-pi .pi-badge--stat-trio { display: flex !important; align-items: stretch !important; gap: 0 !important; background: var(--pi-badge-banner-bg) !important; border: 1px solid var(--pi-badge-banner-border) !important; border-radius: 10px !important; overflow: hidden !important; margin-bottom: 10px !important; }
  #pi-ge-pi .pi-badge-trio-item { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 9px 6px !important; gap: 1px !important; border-right: 1px solid var(--pi-badge-banner-border) !important; text-align: center !important; }
  #pi-ge-pi .pi-badge-trio-item:last-child { border-right: none !important; }
  #pi-ge-pi .pi-badge-trio-val { font-size: 15px !important; font-weight: 900 !important; color: var(--pi-title-color) !important; line-height: 1 !important; letter-spacing: -0.02em !important; }
  #pi-ge-pi .pi-badge-trio-key { font-size: 9px !important; color: var(--pi-per-unit-color) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; font-weight: 600 !important; line-height: 1.3 !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-badge-trio-icon { font-size: 14px !important; line-height: 1 !important; margin-bottom: 1px !important; }

  
  #pi-ge-pi .pi-badge--doctor { display: flex !important; align-items: flex-start !important; gap: 10px !important; background: var(--pi-badge-banner-bg) !important; border: 1px solid var(--pi-badge-banner-border) !important; border-radius: 10px !important; padding: 10px 12px !important; margin-bottom: 10px !important; position: relative !important; }
  #pi-ge-pi .pi-badge-doc-photo { width: 36px !important; height: 36px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; background: color-mix(in srgb, var(--pi-caramel) 10%, var(--pi-badge-banner-bg)) !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 2px solid var(--pi-badge-banner-border) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }
  #pi-ge-pi .pi-badge-doc-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-badge-doc-photo svg { width: 18px !important; height: 18px !important; stroke: var(--pi-caramel) !important; fill: none !important; stroke-width: 1.5 !important; }
  #pi-ge-pi .pi-badge-doc-body { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-badge-doc-quote { font-size: var(--pi-badge-fs, 12px) !important; color: var(--pi-desc-color) !important; line-height: 1.45 !important; font-style: italic !important; margin-bottom: 4px !important; display: block !important; }
  #pi-ge-pi .pi-badge-doc-meta { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-badge-doc-name { font-size: 11px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-badge-doc-cred { font-size: 10px !important; color: var(--pi-per-unit-color) !important; font-weight: 500 !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-badge-doc-verified { display: inline-flex !important; align-items: center !important; gap: 3px !important; font-size: 9px !important; font-weight: 700 !important; color: var(--pi-caramel) !important; background: color-mix(in srgb, var(--pi-caramel) 10%, transparent) !important; padding: 1px 6px !important; border-radius: 3px !important; letter-spacing: 0.03em !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-badge-doc-verified svg { width: 10px !important; height: 10px !important; fill: var(--pi-caramel) !important; flex-shrink: 0 !important; }

  #pi-ge-pi .pi-title-block { margin-bottom: 6px !important; }
  #pi-ge-pi .pi-eyebrow { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin-bottom: 5px !important; padding: 3px 9px !important; border-radius: 100px !important; line-height: 1.4 !important; background: var(--pi-eyebrow-bg) !important; color: var(--pi-eyebrow-color) !important; border: 1px solid var(--pi-eyebrow-border) !important; }
  #pi-ge-pi .pi-eyebrow-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: currentColor !important; opacity: 0.7 !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-title {
    color: var(--pi-title-color) !important;
    font-size: var(--pi-title-fs-m) !important;
    font-weight: var(--pi-title-fw) !important;
    line-height: 1.2 !important;
    margin: 0 0 4px !important;
    letter-spacing: -0.01em !important;
  }

  #pi-ge-pi .pi-desc { color: var(--pi-desc-color) !important; font-size: var(--pi-desc-fs, 13px) !important; line-height: var(--pi-desc-lh, 1.55) !important; margin: 0 0 12px !important; }
  #pi-ge-pi .pi-desc p { margin: 0 0 6px !important; }
  #pi-ge-pi .pi-desc p:last-child { margin-bottom: 0 !important; }
  #pi-ge-pi .pi-desc em { font-style: normal !important; background: var(--pi-em-bg) !important; color: var(--pi-em-color) !important; padding: 0 3px !important; border-radius: 3px !important; }
  
  #pi-ge-pi .pi-chip { display: inline-flex !important; align-items: center !important; background: var(--pi-chip-bg) !important; color: var(--pi-chip-color) !important; border: 1px solid var(--pi-chip-border) !important; font-size: 11px !important; font-weight: 700 !important; padding: 1px 7px !important; border-radius: 4px !important; line-height: 1.5 !important; white-space: nowrap !important; vertical-align: baseline !important; position: relative !important; top: -1px !important; }

  #pi-ge-pi .pi-price-area { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 6px 8px !important; margin-bottom: 4px !important; }
  #pi-ge-pi .pi-price-current { color: var(--pi-price-color) !important; font-size: var(--pi-price-fs-m) !important; font-weight: 700 !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-price-compare { color: var(--pi-compare-color) !important; font-size: 14px !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-save-badge { display: inline-flex !important; align-items: center !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; font-size: 11px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 4px !important; line-height: 1.4 !important; }
  #pi-ge-pi .pi-per-unit { color: var(--pi-per-unit-color) !important; font-size: 12px !important; font-weight: 500 !important; width: 100% !important; }

  
  #pi-ge-pi .pi-conf { margin-bottom: 10px !important; }

  
  #pi-ge-pi .pi-conf--inline { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 2px 0 !important; font-size: 11px !important; color: var(--pi-desc-color) !important; }
  #pi-ge-pi .pi-conf-inline-item { display: inline-flex !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-conf-inline-icon { font-size: 12px !important; line-height: 1 !important; opacity: 0.6 !important; }
  #pi-ge-pi .pi-conf-inline-sep { margin: 0 7px !important; opacity: 0.3 !important; font-size: 10px !important; }

  
  #pi-ge-pi .pi-conf--guarantee { display: flex !important; align-items: center !important; gap: 8px !important; background: var(--pi-conf-bg) !important; border: 1px solid var(--pi-conf-border) !important; border-radius: 8px !important; padding: 8px 12px !important; }
  #pi-ge-pi .pi-conf-guar-icon { font-size: 18px !important; line-height: 1 !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-conf-guar-text { font-size: 12px !important; font-weight: 600 !important; color: var(--pi-title-color) !important; line-height: 1.3 !important; flex: 1 !important; }
  #pi-ge-pi .pi-conf-guar-sub { font-weight: 400 !important; color: var(--pi-per-unit-color) !important; }

  
  #pi-ge-pi .pi-conf--checklist { display: flex !important; flex-direction: column !important; gap: 4px !important; }
  #pi-ge-pi .pi-conf-check-row { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; color: var(--pi-desc-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-conf-check-mark { color: var(--pi-caramel) !important; font-size: 12px !important; font-weight: 700 !important; flex-shrink: 0 !important; }

  #pi-ge-pi .pi-conf--strip { display: flex !important; align-items: center !important; gap: 0 !important; background: var(--pi-conf-bg) !important; border: 1px solid var(--pi-conf-border) !important; border-radius: 10px !important; overflow: hidden !important; }
  #pi-ge-pi .pi-conf-strip-item { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 10px 6px !important; gap: 3px !important; border-right: 1px solid var(--pi-conf-border) !important; text-align: center !important; }
  #pi-ge-pi .pi-conf-strip-item:last-child { border-right: none !important; }
  #pi-ge-pi .pi-conf-strip-icon { font-size: 16px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-conf-strip-label { font-size: 10px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-conf-strip-sub { font-size: 9px !important; color: var(--pi-per-unit-color) !important; line-height: 1.3 !important; }

  
  
  
  

  #pi-ge-pi .pi-conf--pills { display: flex !important; flex-direction: column !important; gap: 6px !important; }
  #pi-ge-pi .pi-conf-pill { display: flex !important; align-items: center !important; gap: 8px !important; background: var(--pi-conf-bg) !important; border: 1px solid var(--pi-conf-border) !important; border-radius: 100px !important; padding: 7px 14px 7px 8px !important; }
  #pi-ge-pi .pi-conf-pill-dot { width: 24px !important; height: 24px !important; border-radius: 50% !important; background: color-mix(in srgb, var(--pi-conf-accent) 15%, transparent) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; font-size: 12px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-conf-pill-text { font-size: 12px !important; font-weight: 600 !important; color: var(--pi-desc-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-conf-pill-text strong { color: var(--pi-title-color) !important; font-weight: 800 !important; }

  #pi-ge-pi .pi-conf--minimal { border-left: 3px solid var(--pi-conf-accent) !important; padding: 6px 0 6px 12px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; }
  #pi-ge-pi .pi-conf--minimal .pi-conf-row { font-size: 12px !important; }
  #pi-ge-pi .pi-conf--minimal .pi-conf-row-icon { color: var(--pi-conf-accent) !important; }

  
  #pi-ge-pi .pi-vidcar { margin-bottom: 12px !important; margin-top: 8px !important; padding-top: 12px !important; }
  #pi-ge-pi .pi-vidcar-header { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 10px !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-vidcar-heading { font-size: 15px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-vidcar-stats { display: flex !important; align-items: center !important; gap: 12px !important; }
  #pi-ge-pi .pi-vidcar-stat { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 11px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-vidcar-stat-icon { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; display: block !important; }
  #pi-ge-pi .pi-vidcar-track { display: flex !important; gap: 8px !important; overflow-x: auto !important; padding-bottom: 6px !important; scrollbar-width: thin !important; scrollbar-color: var(--pi-caramel) transparent !important; -webkit-overflow-scrolling: touch !important; }
  #pi-ge-pi .pi-vidcar-track::-webkit-scrollbar { height: 3px !important; }
  #pi-ge-pi .pi-vidcar-track::-webkit-scrollbar-track { background: transparent !important; }
  #pi-ge-pi .pi-vidcar-track::-webkit-scrollbar-thumb { background: var(--pi-caramel) !important; border-radius: 2px !important; }
  #pi-ge-pi .pi-vidcar-item { flex: 0 0 auto !important; width: 150px !important; position: relative !important; }
  #pi-ge-pi .pi-vidcar-thumb { position: relative !important; border-radius: 8px !important; overflow: hidden !important; aspect-ratio: 1 / 1 !important; background: var(--pi-gal-bg) !important; }
  #pi-ge-pi .pi-vidcar-thumb video { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }
  #pi-ge-pi .pi-vidcar-grad { display: none !important; }
  #pi-ge-pi .pi-vidcar-play { position: absolute !important; bottom: 8px !important; left: 8px !important; z-index: 3 !important; background: none !important; border: none !important; padding: 0 !important; cursor: pointer !important; transition: transform 100ms ease !important; }
  #pi-ge-pi .pi-vidcar-play:hover { transform: scale(1.1) !important; }
  #pi-ge-pi .pi-vidcar-play:active { transform: scale(0.95) !important; }
  #pi-ge-pi .pi-vidcar-play svg { width: 28px !important; height: 28px !important; display: block !important; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.3)) !important; }
  #pi-ge-pi .pi-vidcar-mute { position: absolute !important; bottom: 8px !important; right: 8px !important; z-index: 4 !important; background: rgba(0,0,0,0.55) !important; border: none !important; border-radius: 50% !important; width: 26px !important; height: 26px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 200ms ease !important; }
  #pi-ge-pi .pi-vidcar-mute.visible { opacity: 0.8 !important; visibility: visible !important; }
  #pi-ge-pi .pi-vidcar-mute:hover { opacity: 1 !important; }
  #pi-ge-pi .pi-vidcar-mute svg { width: 16px !important; height: 16px !important; display: block !important; }

  
  #pi-ge-pi .pi-rc-slider { position: relative !important; margin-bottom: 10px !important; overflow: hidden !important; }
  #pi-ge-pi .pi-rc-slider .pi-review-card { margin-bottom: 0 !important; }
  #pi-ge-pi .pi-rc-track { display: flex !important; transition: transform 350ms ease !important; }
  #pi-ge-pi .pi-rc-slide { flex: 0 0 100% !important; min-width: 0 !important; }
  #pi-ge-pi .pi-rc-dots { display: flex !important; justify-content: center !important; gap: 6px !important; margin-top: 8px !important; }
  #pi-ge-pi .pi-rc-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--pi-card-border) !important; border: none !important; padding: 0 !important; cursor: pointer !important; transition: background 200ms ease, transform 200ms ease !important; }
  #pi-ge-pi .pi-rc-dot.active { background: var(--pi-caramel) !important; transform: scale(1.3) !important; }
  #pi-ge-pi .pi-review-card { display: flex !important; padding: 10px !important; margin-bottom: 10px !important; background: linear-gradient(to bottom, color-mix(in srgb, var(--pi-card-border) 20%, var(--pi-card-bg)), color-mix(in srgb, var(--pi-card-border) 30%, var(--pi-card-bg))) !important; border: 1px dashed var(--pi-card-border) !important; border-radius: 8px !important; align-items: stretch !important; gap: 10px !important; }
  #pi-ge-pi .pi-review-card-avatar { flex: 0 0 50px !important; width: 50px !important; border-radius: 6px !important; overflow: hidden !important; }
  #pi-ge-pi .pi-review-card-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-review-card-body { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; }
  #pi-ge-pi .pi-review-card-top { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-review-card-name { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; display: flex !important; align-items: center !important; gap: 3px !important; white-space: nowrap !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-review-card-verified { width: 14px !important; height: 14px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-review-card-stars { display: flex !important; align-items: center !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-review-card-stars svg { width: 13px !important; height: 13px !important; margin-right: -3px !important; }
  #pi-ge-pi .pi-review-card-stars .pi-rc-star-filled { fill: var(--pi-star-color, #FFB800) !important; }
  #pi-ge-pi .pi-review-card-stars .pi-rc-star-empty { fill: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-review-card-text { font-size: 11px !important; line-height: 1.35 !important; color: var(--pi-desc-color) !important; margin: 0 !important; }

  #pi-ge-pi .pi-custom-liquid { margin-bottom: 8px !important; }
  #pi-ge-pi .pi-divider { border: none !important; border-top: 1px solid var(--pi-acc-border) !important; margin: 8px 0 !important; }
  #pi-ge-pi .pi-spacer { display: block !important; }

  #pi-ge-pi .pi-sub-pills { display: flex !important; border: 1.5px solid var(--pi-sub-border) !important; border-radius: var(--pi-sub-radius) !important; overflow: hidden !important; margin-bottom: 8px !important; }
  #pi-ge-pi .pi-sub-pill { flex: 1 !important; padding: 10px 8px !important; text-align: center !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; border: none !important; transition: background 200ms ease, color 200ms ease !important; background: var(--pi-sub-bg-inactive) !important; color: var(--pi-sub-text-inactive) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-sub-pill.active { background: var(--pi-sub-bg-active) !important; color: var(--pi-sub-text-active) !important; font-weight: 700 !important; }
  #pi-ge-pi .pi-sub-check { border: 1.5px dashed var(--pi-sub-border) !important; border-radius: var(--pi-sub-radius) !important; padding: 10px 12px !important; margin-bottom: 8px !important; cursor: pointer !important; transition: border-color 200ms ease, background 200ms ease, border-style 200ms ease !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; }
  #pi-ge-pi .pi-sub-check.active { border-style: solid !important; border-color: var(--pi-sub-bg-active) !important; background: color-mix(in srgb, var(--pi-sub-bg-active) 8%, transparent) !important; }
  #pi-ge-pi .pi-sub-checkbox { width: 18px !important; height: 18px !important; border: 2px solid var(--pi-sub-border) !important; border-radius: 4px !important; flex-shrink: 0 !important; margin-top: 1px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 200ms ease, border-color 200ms ease !important; }
  #pi-ge-pi .pi-sub-check.active .pi-sub-checkbox { background: var(--pi-sub-bg-active) !important; border-color: var(--pi-sub-bg-active) !important; }
  #pi-ge-pi .pi-sub-checkbox svg { width: 12px !important; height: 12px !important; opacity: 0 !important; transition: opacity 200ms ease !important; fill: none !important; stroke: #fff !important; stroke-width: 2.5 !important; }
  #pi-ge-pi .pi-sub-check.active .pi-sub-checkbox svg { opacity: 1 !important; }
  #pi-ge-pi .pi-sub-text-wrap { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-sub-headline { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-sub-detail { font-size: 11px !important; color: var(--pi-per-unit-color) !important; line-height: 1.4 !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-sub-freq { margin-top: 6px !important; display: none !important; }
  #pi-ge-pi .pi-sub-check.active .pi-sub-freq, #pi-ge-pi .pi-sub-pills-wrap.sub-active .pi-sub-freq { display: block !important; }
  #pi-ge-pi .pi-sub-freq select { font-size: 12px !important; padding: 4px 8px !important; border: 1px solid var(--pi-sub-border) !important; border-radius: 4px !important; background: var(--pi-info-bg) !important; color: var(--pi-desc-color) !important; }
  #pi-ge-pi .pi-sub-strip { border: 1.5px solid var(--pi-sub-border) !important; border-radius: var(--pi-sub-radius) !important; padding: 10px 12px !important; margin-bottom: 8px !important; background: color-mix(in srgb, var(--pi-sub-bg-active) 6%, transparent) !important; display: flex !important; align-items: center !important; gap: 8px !important; }
  #pi-ge-pi .pi-sub-strip-icon svg { width: 20px !important; height: 20px !important; stroke: var(--pi-sub-bg-active) !important; fill: none !important; }

  #pi-ge-pi .pi-offer-container { background: var(--pi-offer-container-bg) !important; border: 1px solid var(--pi-offer-container-border) !important; border-radius: calc(var(--pi-card-radius) + 4px) !important; padding: px !important; margin-bottom: 8px !important; overflow: clip !important; }
  
  #pi-ge-pi .pi-tiers-row { display: flex !important; gap: var(--pi-card-gap) !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier { min-width: 0 !important; }
  #pi-ge-pi .pi-tiers-row[data-tier-count="4"] .pi-tier-wrap,
  #pi-ge-pi .pi-tiers-row[data-tier-count="5"] .pi-tier-wrap { min-width: calc(50% - var(--pi-card-gap)) !important; flex: 1 1 calc(50% - var(--pi-card-gap)) !important; }
  @media (min-width: 480px) {
    #pi-ge-pi .pi-tiers-row[data-tier-count="4"] .pi-tier-wrap { min-width: calc(25% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
    #pi-ge-pi .pi-tiers-row[data-tier-count="5"] .pi-tier-wrap { min-width: calc(20% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
  }
  
  #pi-ge-pi .pi-tier { background: var(--pi-card-bg) !important; border: 1.5px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; padding: 10px !important; cursor: pointer !important; position: relative !important; transition: border-color 250ms ease, background 250ms ease, opacity 250ms ease, box-shadow 250ms ease !important; opacity: 0.88 !important; overflow-wrap: break-word !important; word-break: break-word !important; }
  #pi-ge-pi .pi-tier.selected { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-bg) !important; opacity: 1 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; }
  #pi-ge-pi .pi-tier.recommended { padding-top: 10px !important; }
  #pi-ge-pi .pi-tier-badge { position: absolute !important; top: -18px !important; left: 50% !important; transform: translateX(-50%) !important; background: var(--pi-tier-badge-bg) !important; color: var(--pi-tier-badge-color) !important; font-size: 9px !important; font-weight: 800 !important; padding: 3px 10px !important; white-space: nowrap !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; line-height: 1.3 !important; text-align: center !important; border-radius: 100px !important; z-index: 2 !important; }
  
  #pi-ge-pi .pi-tiers-row .pi-tier-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 4px !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-label { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-price { font-size: 15px !important; font-weight: 700 !important; color: var(--pi-price-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-per-unit { font-size: 10px !important; color: var(--pi-per-unit-color) !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-support { font-size: 10px !important; font-weight: 600 !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-support.save { color: var(--pi-save-bg) !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-support.value-add { color: var(--pi-modal-accent) !important; }
  
  #pi-ge-pi .pi-tier-wrap { display: flex !important; flex-direction: column !important; flex: 1 1 0% !important; min-width: 0 !important; position: relative !important; }
  #pi-ge-pi .pi-tier-wrap .pi-tier { flex: 1 !important; }
  #pi-ge-pi [data-has-badge] { margin-top: 18px !important; }
  #pi-ge-pi .pi-tier-wrap.has-gift .pi-tier { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: none !important; }
  #pi-ge-pi .pi-tier-gift { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 5px 8px !important; background: color-mix(in srgb, var(--pi-caramel) 8%, var(--pi-card-bg)) !important; border: 1.5px solid var(--pi-card-border) !important; border-top: 1px dashed color-mix(in srgb, var(--pi-caramel) 25%, var(--pi-card-border)) !important; border-radius: 0 0 var(--pi-card-radius) var(--pi-card-radius) !important; transition: border-color 250ms ease, background 250ms ease !important; }
  #pi-ge-pi .pi-tier-wrap .pi-tier.selected ~ .pi-tier-gift { border-color: var(--pi-card-rec-border) !important; background: color-mix(in srgb, var(--pi-caramel) 10%, var(--pi-card-rec-bg)) !important; }
  #pi-ge-pi .pi-tier-gift-img { width: 20px !important; height: 20px !important; border-radius: 3px !important; object-fit: cover !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tier-gift-text { font-size: 10px !important; font-weight: 700 !important; color: var(--pi-caramel) !important; line-height: 1.2 !important; }
  
  #pi-ge-pi .pi-tiers-row .pi-tier-wrap { min-width: calc(33% - var(--pi-card-gap)) !important; }
  #pi-ge-pi .pi-tiers-row[data-tier-count="4"] .pi-tier-wrap,
  #pi-ge-pi .pi-tiers-row[data-tier-count="5"] .pi-tier-wrap { min-width: calc(50% - var(--pi-card-gap)) !important; flex: 1 1 calc(50% - var(--pi-card-gap)) !important; }
  @media (min-width: 480px) {
    #pi-ge-pi .pi-tiers-row[data-tier-count="4"] .pi-tier-wrap { min-width: calc(25% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
    #pi-ge-pi .pi-tiers-row[data-tier-count="5"] .pi-tier-wrap { min-width: calc(20% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
  }
  #pi-ge-pi .pi-tiers-dosedial .pi-tier-wrap { min-width: calc(33% - var(--pi-card-gap)) !important; }
  #pi-ge-pi .pi-tiers-showcase .pi-tier-wrap { min-width: calc(33% - var(--pi-card-gap)) !important; }
  
  #pi-ge-pi .pi-tier-img { width: 48px !important; height: 48px !important; border-radius: 6px !important; overflow: hidden !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tier-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-tier-content { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-tier-price-line { display: flex !important; align-items: baseline !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-tier-compare { font-size: 12px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-tier-savings { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-save-bg) !important; }
  #pi-ge-pi .pi-tier-value-add { margin-top: 4px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--pi-modal-accent) !important; }
  #pi-ge-pi .pi-tier-benefit { margin-top: 2px !important; font-size: 11px !important; color: var(--pi-desc-color) !important; opacity: 0.8 !important; }
  #pi-ge-pi .pi-tier-radio { width: 16px !important; height: 16px !important; border: 2px solid var(--pi-card-border) !important; border-radius: 50% !important; flex-shrink: 0 !important; position: relative !important; transition: border-color 200ms ease !important; }
  #pi-ge-pi .pi-tier.selected .pi-tier-radio { border-color: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-tier.selected .pi-tier-radio::after { content: '' !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--pi-card-rec-border) !important; }

  
  #pi-ge-pi .pi-tiers-row .pi-tier-inner { gap: 4px !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-img { width: 44px !important; height: 44px !important; border-radius: 8px !important; flex-shrink: 0 !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-tiers-row .pi-tier-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 8px !important; }
  #pi-ge-pi .pi-row-content { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; }

  
  #pi-ge-pi .pi-tiers-dosedial { display: flex !important; gap: var(--pi-card-gap) !important; align-items: stretch !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-tiers-dosedial .pi-tier { min-width: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; }
  #pi-ge-pi .pi-tiers-dosedial[data-tier-count="4"] .pi-tier-wrap,
  #pi-ge-pi .pi-tiers-dosedial[data-tier-count="5"] .pi-tier-wrap { min-width: calc(50% - var(--pi-card-gap)) !important; flex: 1 1 calc(50% - var(--pi-card-gap)) !important; }
  @media (min-width: 480px) {
    #pi-ge-pi .pi-tiers-dosedial[data-tier-count="4"] .pi-tier-wrap { min-width: calc(25% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
    #pi-ge-pi .pi-tiers-dosedial[data-tier-count="5"] .pi-tier-wrap { min-width: calc(20% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
  }
  #pi-ge-pi .pi-tiers-dosedial .pi-tier-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; flex: 1 !important; padding: 12px 8px !important; gap: 5px !important; }
  #pi-ge-pi .pi-dial-spacer { flex: 1 !important; min-height: 4px !important; }
  #pi-ge-pi .pi-dial-img { width: 52px !important; height: 52px !important; border-radius: 8px !important; overflow: hidden !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-dial-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-dial-ring { width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 2.5px solid var(--pi-card-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; flex-direction: column !important; transition: border-color 220ms ease, background 220ms ease !important; background: transparent !important; }
  #pi-ge-pi .pi-tiers-dosedial .pi-tier.selected .pi-dial-ring { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-dial-qty { font-size: 17px !important; font-weight: 900 !important; color: var(--pi-muted) !important; line-height: 1 !important; transition: color 220ms ease !important; letter-spacing: -0.02em !important; }
  #pi-ge-pi .pi-tiers-dosedial .pi-tier.selected .pi-dial-qty { color: #fff !important; }
  #pi-ge-pi .pi-dial-unit { font-size: 8px !important; font-weight: 700 !important; color: var(--pi-muted) !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; line-height: 1 !important; transition: color 220ms ease !important; }
  #pi-ge-pi .pi-tiers-dosedial .pi-tier.selected .pi-dial-unit { color: rgba(255,255,255,0.8) !important; }
  #pi-ge-pi .pi-dial-supply { font-size: 9px !important; font-weight: 700 !important; color: var(--pi-per-unit-color) !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; line-height: 1.2 !important; opacity: 0.7 !important; }
  #pi-ge-pi .pi-dial-label { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-dial-price { font-size: 15px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; line-height: 1 !important; }
  #pi-ge-pi .pi-dial-compare { font-size: 10px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; opacity: 0.75 !important; }
  #pi-ge-pi .pi-dial-pu { font-size: 9px !important; color: var(--pi-per-unit-color) !important; opacity: 0.8 !important; }
  #pi-ge-pi .pi-dial-save { font-size: 9px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 2px 6px !important; border-radius: 20px !important; line-height: 1.5 !important; display: inline-block !important; }

  
  #pi-ge-pi .pi-tiers-splitpanel { display: flex !important; flex-direction: column !important; gap: var(--pi-card-gap) !important; }
  #pi-ge-pi .pi-tier--split { padding: 0 !important; position: relative !important; border-left: 3px solid transparent !important; transition: border-color 240ms ease, background 240ms ease, box-shadow 240ms ease !important; }
  
  #pi-ge-pi .pi-tier--split.recommended { margin-top: -6px !important; margin-bottom: -6px !important; z-index: 1 !important; box-shadow: 0 6px 24px rgba(0,0,0,0.13) !important; }
  #pi-ge-pi .pi-tier--split.selected { border-left-color: var(--pi-card-rec-border) !important; }
  
  #pi-ge-pi .pi-tier--split .pi-tier-inner { display: flex !important; flex-direction: row !important; align-items: stretch !important; min-height: 80px !important; }
  
  #pi-ge-pi .pi-tier--split.recommended .pi-tier-inner { min-height: 100px !important; }
  
  #pi-ge-pi .pi-tier--split.recommended .pi-split-qty { font-size: 32px !important; }
  #pi-ge-pi .pi-tier--split.recommended .pi-split-price { font-size: 22px !important; }
  #pi-ge-pi .pi-tier--split.recommended .pi-split-label { font-size: 14px !important; }
  
  #pi-ge-pi .pi-split-left { width: 68px !important; flex-shrink: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; background: color-mix(in srgb, var(--pi-card-border) 60%, transparent) !important; transition: background 240ms ease !important; position: relative !important; overflow: hidden !important; border-radius: calc(var(--pi-card-radius) - 1px) 0 0 calc(var(--pi-card-radius) - 1px) !important; }
  #pi-ge-pi .pi-tier--split.selected .pi-split-left { background: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-split-qty { font-size: 26px !important; font-weight: 900 !important; color: var(--pi-muted) !important; line-height: 1 !important; letter-spacing: -0.04em !important; transition: color 240ms ease !important; }
  #pi-ge-pi .pi-tier--split.selected .pi-split-qty { color: #fff !important; }
  #pi-ge-pi .pi-split-unit { font-size: 8px !important; font-weight: 700 !important; color: var(--pi-muted) !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; line-height: 1 !important; opacity: 0.65 !important; transition: color 240ms ease, opacity 240ms ease !important; }
  #pi-ge-pi .pi-tier--split.selected .pi-split-unit { color: rgba(255,255,255,0.75) !important; opacity: 1 !important; }
  #pi-ge-pi .pi-split-supply { font-size: 8px !important; font-weight: 600 !important; color: var(--pi-muted) !important; opacity: 0.5 !important; letter-spacing: 0.04em !important; line-height: 1 !important; margin-top: 3px !important; transition: color 240ms ease, opacity 240ms ease !important; }
  #pi-ge-pi .pi-tier--split.selected .pi-split-supply { color: rgba(255,255,255,0.6) !important; opacity: 1 !important; }
  
  #pi-ge-pi .pi-split-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-split-img-overlay { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,0.22) !important; transition: background 240ms !important; }
  #pi-ge-pi .pi-tier--split.selected .pi-split-img-overlay { background: rgba(0,0,0,0.06) !important; }
  
  #pi-ge-pi .pi-split-right { flex: 1 !important; min-width: 0 !important; padding: 10px 12px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 4px !important; }
  
  #pi-ge-pi .pi-split-row1 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
  #pi-ge-pi .pi-split-label { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; flex: 1 !important; min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  #pi-ge-pi .pi-split-save { font-size: 10px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 2px 7px !important; border-radius: 4px !important; line-height: 1.5 !important; white-space: nowrap !important; flex-shrink: 0 !important; }
  
  #pi-ge-pi .pi-split-row2 { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 8px !important; }
  #pi-ge-pi .pi-split-sub { font-size: 11px !important; color: var(--pi-per-unit-color) !important; line-height: 1.3 !important; flex: 1 !important; min-width: 0 !important; white-space: normal !important; overflow: visible !important; opacity: 0.8 !important; }
  #pi-ge-pi .pi-split-price-group { display: flex !important; align-items: baseline !important; gap: 5px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-split-price { font-size: 18px !important; font-weight: 900 !important; color: var(--pi-price-color) !important; line-height: 1 !important; letter-spacing: -0.03em !important; }
  
  #pi-ge-pi .pi-split-row3 { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; }
  #pi-ge-pi .pi-split-compare { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; opacity: 0.75 !important; }
  #pi-ge-pi .pi-split-pu { font-size: 10px !important; color: var(--pi-per-unit-color) !important; opacity: 0.7 !important; }

  
  #pi-ge-pi .pi-tiers-stacked { display: flex !important; flex-direction: column !important; gap: var(--pi-card-gap) !important; }
  #pi-ge-pi .pi-tier--stacked .pi-tier-inner { display: flex !important; align-items: center !important; gap: 10px !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-radio { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 2px solid var(--pi-card-border) !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: border-color 200ms, background 200ms !important; }
  #pi-ge-pi .pi-tier--stacked.selected .pi-stacked-radio { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-radio::after { content: '' !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #fff !important; display: none !important; }
  #pi-ge-pi .pi-tier--stacked.selected .pi-stacked-radio::after { display: block !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-img { width: 44px !important; height: 44px !important; border-radius: 6px !important; overflow: hidden !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-body { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-label { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-pu { font-size: 10px !important; color: var(--pi-per-unit-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-desc { font-size: 11px !important; color: var(--pi-desc-color) !important; line-height: 1.4 !important; margin-top: 3px !important; opacity: 0.8 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-desc p { margin: 0 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-desc strong { font-weight: 700 !important; color: var(--pi-title-color) !important; opacity: 1 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-desc em { font-style: italic !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-right { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-price { font-size: 16px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; line-height: 1 !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-compare { font-size: 10px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-tier--stacked .pi-stacked-save { font-size: 9px !important; font-weight: 700 !important; color: var(--pi-save-color) !important; background: var(--pi-save-bg) !important; padding: 1px 6px !important; border-radius: 3px !important; display: inline-block !important; margin-top: 3px !important; }

  
  #pi-ge-pi .pi-tiers-radio { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; overflow: hidden !important; }
  #pi-ge-pi .pi-tier--radio { padding: 10px 12px !important; border-radius: 0 !important; border: none !important; border-bottom: 1px solid var(--pi-card-border) !important; opacity: 1 !important; }
  #pi-ge-pi .pi-tier--radio:last-child { border-bottom: none !important; }
  #pi-ge-pi .pi-tier--radio.selected { background: var(--pi-card-rec-bg) !important; }
  #pi-ge-pi .pi-tier--radio .pi-tier-inner { display: flex !important; align-items: center !important; gap: 10px !important; }
  #pi-ge-pi .pi-tier--radio .pi-radio-dot { width: 16px !important; height: 16px !important; border-radius: 50% !important; border: 2px solid var(--pi-card-border) !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: border-color 160ms, background 160ms !important; }
  #pi-ge-pi .pi-tier--radio.selected .pi-radio-dot { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-tier--radio .pi-radio-dot::after { content: '' !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #fff !important; display: none !important; }
  #pi-ge-pi .pi-tier--radio.selected .pi-radio-dot::after { display: block !important; }
  #pi-ge-pi .pi-tier--radio .pi-radio-label { flex: 1 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--pi-title-color) !important; min-width: 0 !important; }
  #pi-ge-pi .pi-tier--radio .pi-radio-label small { font-weight: 400 !important; color: var(--pi-per-unit-color) !important; font-size: 11px !important; margin-left: 4px !important; }
  #pi-ge-pi .pi-tier--radio .pi-radio-price { font-size: 14px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tier--radio .pi-radio-compare { font-size: 10px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; flex-shrink: 0 !important; margin-right: 2px !important; }

  
  #pi-ge-pi .pi-tiers-pills { display: flex !important; gap: var(--pi-card-gap) !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-tiers-pills .pi-tier-wrap { min-width: calc(33% - var(--pi-card-gap)) !important; }
  #pi-ge-pi .pi-tier--pill { padding: 10px 14px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
  #pi-ge-pi .pi-tier--pill.recommended { padding-top: 10px !important; }
  #pi-ge-pi .pi-tier--pill .pi-tier-badge { display: none !important; }
  #pi-ge-pi .pi-pill-check { width: 20px !important; height: 20px !important; border-radius: 50% !important; border: 2px solid var(--pi-card-border) !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 180ms ease !important; }
  #pi-ge-pi .pi-tier--pill.selected .pi-pill-check { border-color: var(--pi-caramel) !important; background: var(--pi-caramel) !important; }
  #pi-ge-pi .pi-pill-check svg { width: 12px !important; height: 12px !important; stroke: #fff !important; fill: none !important; stroke-width: 2.5 !important; display: none !important; }
  #pi-ge-pi .pi-tier--pill.selected .pi-pill-check svg { display: block !important; }
  #pi-ge-pi .pi-tier--pill .pi-tier-inner { display: contents !important; }
  #pi-ge-pi .pi-pill-label { font-size: 14px !important; font-weight: 600 !important; color: var(--pi-title-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-tiers-pills[data-tier-count="4"] .pi-tier-wrap,
  #pi-ge-pi .pi-tiers-pills[data-tier-count="5"] .pi-tier-wrap { min-width: calc(50% - var(--pi-card-gap)) !important; flex: 1 1 calc(50% - var(--pi-card-gap)) !important; }
  @media (min-width: 480px) {
    #pi-ge-pi .pi-tiers-pills[data-tier-count="4"] .pi-tier-wrap { min-width: calc(25% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
    #pi-ge-pi .pi-tiers-pills[data-tier-count="5"] .pi-tier-wrap { min-width: calc(20% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
  }

  
  #pi-ge-pi .pi-tiers-showcase { display: flex !important; gap: var(--pi-card-gap) !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-tiers-showcase .pi-tier--showcase { min-width: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; opacity: 1 !important; }
  #pi-ge-pi .pi-tiers-showcase[data-tier-count="4"] .pi-tier-wrap,
  #pi-ge-pi .pi-tiers-showcase[data-tier-count="5"] .pi-tier-wrap { min-width: calc(50% - var(--pi-card-gap)) !important; flex: 1 1 calc(50% - var(--pi-card-gap)) !important; }
  @media (min-width: 480px) {
    #pi-ge-pi .pi-tiers-showcase[data-tier-count="4"] .pi-tier-wrap { min-width: calc(25% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
    #pi-ge-pi .pi-tiers-showcase[data-tier-count="5"] .pi-tier-wrap { min-width: calc(20% - var(--pi-card-gap)) !important; flex: 1 1 0% !important; }
  }
  #pi-ge-pi .pi-tier--showcase.selected { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-bg) !important; box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important; }
  #pi-ge-pi .pi-tier--showcase.recommended { padding-top: 0 !important; }
  #pi-ge-pi .pi-showcase-badge { background: var(--pi-tier-badge-bg) !important; color: var(--pi-tier-badge-color) !important; font-size: 10px !important; font-weight: 800 !important; text-align: center !important; padding: 5px 8px !important; letter-spacing: 0.03em !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-showcase-img-wrap { width: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: var(--pi-gal-bg) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  #pi-ge-pi .pi-showcase-img-wrap img { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; padding: 8px !important; }
  #pi-ge-pi .pi-showcase-info { padding: 8px 10px 10px !important; text-align: center !important; }
  #pi-ge-pi .pi-showcase-label { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-showcase-label .pi-showcase-pu { font-weight: 500 !important; color: var(--pi-per-unit-color) !important; }

  
  #pi-ge-pi .pi-qgifts { display: flex !important; gap: 8px !important; margin-bottom: 12px !important; }
  #pi-ge-pi .pi-qgift { flex: 1 !important; min-width: 0 !important; position: relative !important; border: 1.5px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; overflow: hidden !important; transition: border-color 300ms ease, opacity 300ms ease, background 300ms ease, box-shadow 300ms ease, transform 300ms ease !important; background: var(--pi-card-bg) !important; transform: scale(1) !important; }
  #pi-ge-pi .pi-qgift.locked { opacity: 0.5 !important; transform: scale(1) !important; box-shadow: none !important; }
  #pi-ge-pi .pi-qgift.unlocked { border-color: var(--pi-caramel) !important; opacity: 1 !important; background: color-mix(in srgb, var(--pi-caramel) 6%, var(--pi-card-bg)) !important; animation: pi-qg-unlock 500ms ease forwards !important; }
  @keyframes pi-qg-unlock {
    0% { transform: scale(1); box-shadow: 0 0 0 0 transparent; }
    35% { transform: scale(1.03); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pi-caramel) 30%, transparent); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 transparent; }
  }
  #pi-ge-pi .pi-qgift-badge { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; text-align: center !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.04em !important; padding: 3px 6px !important; z-index: 2 !important; line-height: 1.3 !important; background: var(--pi-caramel) !important; color: #fff !important; transition: background 300ms ease !important; }
  #pi-ge-pi .pi-qgift.locked .pi-qgift-badge { background: var(--pi-muted) !important; }
  #pi-ge-pi .pi-qgift-img { width: 100% !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; position: relative !important; background: var(--pi-gal-bg) !important; }
  #pi-ge-pi .pi-qgift-img img { width: 80% !important; height: 80% !important; object-fit: contain !important; display: block !important; transition: filter 400ms ease, opacity 400ms ease, transform 400ms ease !important; transform: scale(1) !important; }
  #pi-ge-pi .pi-qgift.locked .pi-qgift-img img { filter: grayscale(100%) blur(1.5px) !important; opacity: 0.3 !important; transform: scale(0.92) !important; }
  #pi-ge-pi .pi-qgift-lock { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; z-index: 1 !important; transition: opacity 300ms ease, transform 300ms ease !important; transform: scale(1) !important; }
  #pi-ge-pi .pi-qgift.unlocked .pi-qgift-lock { opacity: 0 !important; pointer-events: none !important; transform: scale(0.8) !important; }
  #pi-ge-pi .pi-qgift-lock-label { font-size: 10px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
  #pi-ge-pi .pi-qgift-lock-icon { width: 18px !important; height: 18px !important; }
  #pi-ge-pi .pi-qgift-lock-icon svg { width: 100% !important; height: 100% !important; fill: none !important; stroke: var(--pi-muted) !important; stroke-width: 1.5 !important; }
  #pi-ge-pi .pi-qgift-info { padding: 6px 8px !important; text-align: center !important; }
  #pi-ge-pi .pi-qgift-title { font-size: 10px !important; font-weight: 600 !important; color: var(--pi-title-color) !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

  
  #pi-ge-pi .pi-qgifts--single { display: flex !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; padding: 8px 12px !important; border-style: dashed !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift.unlocked { border-style: solid !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-badge { position: static !important; flex-shrink: 0 !important; padding: 2px 8px !important; border-radius: 4px !important; font-size: 9px !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-img { width: 36px !important; height: 36px !important; aspect-ratio: auto !important; border-radius: 6px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-img img { width: 100% !important; height: 100% !important; padding: 0 !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift.locked .pi-qgift-img img { filter: grayscale(80%) !important; opacity: 0.5 !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-lock { position: static !important; flex-direction: row !important; gap: 4px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift.unlocked .pi-qgift-lock { display: none !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-lock-icon { width: 14px !important; height: 14px !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-lock-label { font-size: 9px !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-info { padding: 0 !important; text-align: left !important; flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-qgifts--single .pi-qgift-title { font-size: 12px !important; }

  
  #pi-ge-pi .pi-var-block { margin-bottom: 10px !important; }
  #pi-ge-pi .pi-var-label { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; margin-bottom: 8px !important; display: flex !important; align-items: baseline !important; gap: 6px !important; }
  #pi-ge-pi .pi-var-selected-name { font-weight: 400 !important; color: var(--pi-per-unit-color) !important; font-size: 12px !important; }

  
  #pi-ge-pi .pi-var--pills { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
  #pi-ge-pi .pi-var-pill {
    padding: 6px 14px !important; border-radius: 100px !important;
    border: 1.5px solid var(--pi-card-border) !important;
    background: var(--pi-card-bg) !important;
    font-size: 13px !important; font-weight: 600 !important;
    color: var(--pi-desc-color) !important;
    cursor: pointer !important; transition: border-color 160ms, background 160ms, color 160ms !important;
    white-space: nowrap !important;
  }
  #pi-ge-pi .pi-var-pill:hover:not(.active):not(.unavailable) { border-color: color-mix(in srgb, var(--pi-card-rec-border) 50%, var(--pi-card-border)) !important; }
  #pi-ge-pi .pi-var-pill.active { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-bg) !important; color: var(--pi-title-color) !important; box-shadow: 0 0 0 1px var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-var-pill.unavailable { opacity: 0.38 !important; cursor: not-allowed !important; text-decoration: line-through !important; }

  
  #pi-ge-pi .pi-var--swatches { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
  #pi-ge-pi .pi-var-swatch {
    width: 32px !important; height: 32px !important; border-radius: 50% !important;
    border: 2px solid transparent !important; outline: 2px solid transparent !important; outline-offset: 2px !important;
    cursor: pointer !important; transition: outline-color 160ms, border-color 160ms !important;
    position: relative !important;
  }
  #pi-ge-pi .pi-var-swatch.active { outline-color: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-var-swatch.unavailable::after { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 50% !important; background: repeating-linear-gradient(-45deg, rgba(255,255,255,0.6) 0px, rgba(255,255,255,0.6) 2px, transparent 2px, transparent 6px) !important; }

  
  #pi-ge-pi .pi-var--dropdown select {
    width: 100% !important; padding: 9px 12px !important;
    border: 1.5px solid var(--pi-card-border) !important; border-radius: var(--pi-btn-radius) !important;
    background: var(--pi-card-bg) !important; color: var(--pi-desc-color) !important;
    font-size: 13px !important; font-weight: 600 !important;
    cursor: pointer !important; appearance: auto !important;
  }

  
  #pi-ge-pi .pi-tiers-anchor { display: flex !important; flex-direction: column !important; gap: var(--pi-card-gap) !important; }
  #pi-ge-pi .pi-tier--anchor { border-left: 3px solid transparent !important; transition: border-color 250ms, background 250ms, box-shadow 250ms !important; }
  #pi-ge-pi .pi-tier--anchor.selected { border-left-color: var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-tier--anchor .pi-tier-inner { display: flex !important; align-items: center !important; gap: 10px !important; padding: 0 !important; }
  #pi-ge-pi .pi-anchor-check { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 2px solid var(--pi-card-border) !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: transparent !important; transition: border-color 200ms, background 200ms, color 200ms !important; }
  #pi-ge-pi .pi-tier--anchor.selected .pi-anchor-check { background: var(--pi-card-rec-border) !important; border-color: var(--pi-card-rec-border) !important; color: #fff !important; }
  #pi-ge-pi .pi-anchor-check svg { width: 11px !important; height: 11px !important; }
  #pi-ge-pi .pi-anchor-img { width: 48px !important; height: 48px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-anchor-body { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-anchor-label { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-anchor-sub { font-size: 11px !important; color: var(--pi-per-unit-color) !important; margin-top: 2px !important; line-height: 1.3 !important; opacity: 0.85 !important; }
  #pi-ge-pi .pi-anchor-right { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-anchor-price { font-size: 16px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; line-height: 1 !important; }
  #pi-ge-pi .pi-anchor-compare { font-size: 10px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-anchor-pu { font-size: 10px !important; color: var(--pi-per-unit-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-anchor-save { font-size: 10px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 2px 6px !important; border-radius: 4px !important; display: inline-block !important; margin-top: 3px !important; line-height: 1.4 !important; }

    

  #pi-ge-pi .pi-offer-bundle { margin: 0 0 6px !important; }
  #pi-ge-pi .pi-offer-bundle-hd { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin-bottom: 8px !important; }

  #pi-ge-pi .pi-btog-row { display: flex !important; gap: 6px !important; margin-bottom: 8px !important; }
  #pi-ge-pi .pi-btog { flex: 1 !important; background: var(--pi-card-bg) !important; border: 2px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; padding: 10px 10px 8px !important; cursor: pointer !important; transition: border-color 200ms ease, background 200ms ease !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 2px !important; position: relative !important; }
  #pi-ge-pi .pi-btog.active { border-color: var(--pi-card-rec-border) !important; background: var(--pi-card-rec-bg) !important; box-shadow: 0 0 0 1px var(--pi-card-rec-border) !important; }
  #pi-ge-pi .pi-btog:hover:not(.active) { border-color: color-mix(in srgb, var(--pi-card-rec-border) 50%, var(--pi-card-border)) !important; }
  #pi-ge-pi .pi-btog-floatbadge { position: absolute !important; top: -9px !important; left: 50% !important; transform: translateX(-50%) !important; background: var(--pi-tier-badge-bg) !important; color: var(--pi-tier-badge-color) !important; font-size: 8px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; padding: 2px 8px !important; border-radius: 100px !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-btog-icon { font-size: 18px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-btog-label { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-btog-price { font-size: 14px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; }
  #pi-ge-pi .pi-btog-save { font-size: 9px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 1px 6px !important; border-radius: 4px !important; }

  #pi-ge-pi .pi-tlist { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; overflow: hidden !important; margin-bottom: 8px !important; }
  #pi-ge-pi .pi-tlist-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 11px 14px !important; background: var(--pi-card-bg) !important; border-bottom: 1px solid var(--pi-card-border) !important; cursor: pointer !important; transition: background 160ms !important; position: relative !important; width: 100% !important; text-align: left !important; border-left: none !important; border-right: none !important; border-top: none !important; }
  #pi-ge-pi .pi-tlist-item:last-child { border-bottom: none !important; }
  #pi-ge-pi .pi-tlist-item.active { background: var(--pi-card-rec-bg) !important; }
  #pi-ge-pi .pi-tlist-item:hover:not(.active) { background: color-mix(in srgb, var(--pi-card-rec-bg) 50%, var(--pi-card-bg)) !important; }
  #pi-ge-pi .pi-tlist-radio { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 2px solid var(--pi-card-border) !important; background: var(--pi-card-bg) !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: border-color 160ms, background 160ms !important; }
  #pi-ge-pi .pi-tlist-item.active .pi-tlist-radio { border-color: var(--bdl-accent, var(--pi-card-rec-border)) !important; background: var(--bdl-accent, var(--pi-card-rec-border)) !important; }
  #pi-ge-pi .pi-tlist-radio::after { content: '' !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #fff !important; display: none !important; }
  #pi-ge-pi .pi-tlist-item.active .pi-tlist-radio::after { display: block !important; }
  #pi-ge-pi .pi-tlist-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-tlist-label { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-tlist-sub { font-size: 11px !important; color: var(--pi-desc-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-tlist-item.active .pi-tlist-sub { color: var(--bdl-accent, var(--pi-card-rec-border)) !important; font-weight: 600 !important; }
  #pi-ge-pi .pi-tlist-prices { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tlist-price { font-size: 15px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-tlist-compare { font-size: 11px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-tlist-badge { display: inline-block !important; background: var(--pi-tier-badge-bg) !important; color: var(--pi-tier-badge-color) !important; font-size: 8px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; padding: 2px 7px !important; border-radius: 100px !important; margin-left: 6px !important; vertical-align: middle !important; }

  #pi-ge-pi .pi-tstrip-single { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; margin-bottom: 6px !important; cursor: pointer !important; transition: border-color 160ms, background 160ms !important; width: 100% !important; text-align: left !important; position: relative !important; }
  #pi-ge-pi .pi-tstrip-single.active { border-color: var(--bdl-accent, var(--pi-card-rec-border)) !important; background: var(--pi-card-rec-bg) !important; box-shadow: 0 0 0 1px var(--bdl-accent, var(--pi-card-rec-border)) !important; }
  #pi-ge-pi .pi-tstrip-single-info { flex: 1 !important; }
  #pi-ge-pi .pi-tstrip-single-label { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-tstrip-single-sub { font-size: 11px !important; color: var(--pi-desc-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-tstrip-single-price { font-size: 15px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tstrip-single-compare { font-size: 11px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; text-align: right !important; }
  #pi-ge-pi .pi-tstrip-bundle { display: flex !important; align-items: center !important; gap: 12px !important; padding: 14px 16px !important; background: color-mix(in srgb, var(--bdl-accent, var(--pi-card-rec-border)) 10%, var(--pi-card-bg)) !important; border: 2px solid var(--bdl-accent, var(--pi-card-rec-border)) !important; border-radius: var(--pi-card-radius) !important; margin-bottom: 8px !important; cursor: pointer !important; transition: background 160ms, box-shadow 160ms !important; width: 100% !important; text-align: left !important; position: relative !important; }
  #pi-ge-pi .pi-tstrip-bundle.active { background: color-mix(in srgb, var(--bdl-accent, var(--pi-card-rec-border)) 15%, var(--pi-card-bg)) !important; box-shadow: 0 2px 12px color-mix(in srgb, var(--bdl-accent, var(--pi-card-rec-border)) 25%, transparent) !important; }
  #pi-ge-pi .pi-tstrip-bundle-badge { position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: var(--bdl-accent, var(--pi-card-rec-border)) !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; padding: 3px 10px !important; border-radius: 100px !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-tstrip-bundle-icon { font-size: 26px !important; flex-shrink: 0 !important; line-height: 1 !important; }
  #pi-ge-pi .pi-tstrip-bundle-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-tstrip-bundle-label { font-size: 14px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-tstrip-bundle-sub { font-size: 11px !important; color: var(--bdl-accent, var(--pi-card-rec-border)) !important; font-weight: 700 !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-tstrip-bundle-prices { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-tstrip-bundle-price { font-size: 18px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-tstrip-bundle-compare { font-size: 11px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-tstrip-bundle-chevron { flex-shrink: 0 !important; color: var(--bdl-accent, var(--pi-card-rec-border)) !important; transition: transform 300ms ease !important; }
  #pi-ge-pi .pi-tstrip-bundle.active .pi-tstrip-bundle-chevron { transform: rotate(180deg) !important; }

  #pi-ge-pi .pi-bdl-panel { max-height: 0 !important; overflow: hidden !important; transition: max-height 380ms cubic-bezier(0.4,0,0.2,1) !important; }
  #pi-ge-pi .pi-bdl-panel.open { max-height: 900px !important; }

  #pi-ge-pi .pi-bdl--arsenal { background: var(--bdl-bg, var(--pi-conf-bg)) !important; border-radius: var(--pi-card-radius) !important; padding: 14px !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-kicker { font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--bdl-accent, var(--pi-caramel)) !important; margin-bottom: 12px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-kicker::before,
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-kicker::after { content: '' !important; flex: 1 !important; height: 1px !important; background: color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 25%, transparent) !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prods { display: flex !important; gap: 8px !important; align-items: flex-start !important; justify-content: center !important; margin-bottom: 14px !important; flex-wrap: wrap !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-plus { color: var(--bdl-accent, var(--pi-caramel)) !important; font-weight: 900 !important; font-size: 16px !important; flex-shrink: 0 !important; align-self: center !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prod { flex: 1 !important; min-width: 64px !important; max-width: 115px !important; background: color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 8%, var(--bdl-bg, var(--pi-conf-bg))) !important; border: 1px solid color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 20%, transparent) !important; border-radius: 8px !important; padding: 10px 6px 8px !important; text-align: center !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prod-img { width: 56px !important; height: 56px !important; object-fit: cover !important; border-radius: 6px !important; margin: 0 auto 6px !important; display: block !important; background: color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 10%, var(--bdl-bg, var(--pi-conf-bg))) !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prod-name { font-size: 10px !important; font-weight: 700 !important; color: var(--bdl-text, var(--pi-title-color)) !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prod-desc { font-size: 9px !important; color: color-mix(in srgb, var(--bdl-text, var(--pi-title-color)) 55%, transparent) !important; margin-top: 2px !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prod-price { font-size: 10px !important; color: color-mix(in srgb, var(--bdl-text, var(--pi-title-color)) 40%, transparent) !important; margin-top: 3px !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-math { background: color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 7%, transparent) !important; border: 1px solid color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 18%, transparent) !important; border-radius: 8px !important; padding: 10px 12px !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-row { display: flex !important; justify-content: space-between !important; font-size: 12px !important; color: color-mix(in srgb, var(--bdl-text, var(--pi-title-color)) 55%, transparent) !important; padding: 3px 0 !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-row.pi-bdl-total { border-top: 1px solid color-mix(in srgb,var(--bdl-accent, var(--pi-caramel)) 20%,transparent) !important; margin-top: 5px !important; padding-top: 8px !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-total .pi-bdl-k { font-size: 13px !important; font-weight: 700 !important; color: var(--bdl-accent, var(--pi-caramel)) !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-total .pi-bdl-v { font-size: 18px !important; font-weight: 800 !important; color: var(--bdl-text, var(--pi-price-color)) !important; }
  #pi-ge-pi .pi-bdl--arsenal .pi-bdl-pill { display: block !important; text-align: center !important; margin-top: 10px !important; font-size: 11px !important; font-weight: 700 !important; background: color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 14%, transparent) !important; color: var(--bdl-accent, var(--pi-caramel)) !important; border: 1px solid color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 30%, transparent) !important; border-radius: 100px !important; padding: 4px 12px !important; }

  #pi-ge-pi .pi-bdl--protocol { background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; padding: 14px !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-hd { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 12px !important; padding-bottom: 12px !important; border-bottom: 1px solid var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-icon { font-size: 22px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-title { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-sub { font-size: 11px !important; color: var(--pi-desc-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 0 !important; border-bottom: 1px solid var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step:last-of-type { border-bottom: none !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-num { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--bdl-accent, var(--pi-caramel)) !important; color: #fff !important; font-size: 11px !important; font-weight: 800 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-img { width: 42px !important; height: 42px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; background: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-name { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-role { font-size: 10px !important; color: var(--bdl-accent, var(--pi-caramel)) !important; margin-top: 1px !important; font-weight: 600 !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-desc { font-size: 10px !important; color: var(--pi-desc-color) !important; margin-top: 2px !important; line-height: 1.35 !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-step-price { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-price-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-total { background: color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 10%, transparent) !important; border: 1px solid color-mix(in srgb, var(--bdl-accent, var(--pi-caramel)) 28%, transparent) !important; border-radius: 8px !important; padding: 10px 12px !important; margin-top: 10px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-tlabel { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-tprice { font-size: 20px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; }
  #pi-ge-pi .pi-bdl--protocol .pi-bdl-proto-tsave { font-size: 10px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 2px 7px !important; border-radius: 4px !important; margin-top: 2px !important; display: inline-block !important; }

  #pi-ge-pi .pi-bdl--stack { background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; padding: 12px !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-stack-title { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; margin-bottom: 10px !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(80px,1fr)) !important; gap: 8px !important; margin-bottom: 12px !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-card { background: var(--pi-info-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: 8px !important; padding: 8px 6px !important; text-align: center !important; position: relative !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-card-tag { position: absolute !important; top: 4px !important; left: 4px !important; background: var(--bdl-accent-bg, var(--pi-save-bg)) !important; color: var(--bdl-accent-color, var(--pi-save-color)) !important; font-size: 7px !important; font-weight: 800 !important; text-transform: uppercase !important; padding: 2px 4px !important; border-radius: 3px !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-card-img { width: 58px !important; height: 58px !important; object-fit: cover !important; border-radius: 6px !important; margin: 0 auto 6px !important; display: block !important; background: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-card-name { font-size: 10px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-card-desc { font-size: 9px !important; color: var(--pi-desc-color) !important; margin-top: 2px !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-card-price { font-size: 9px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-stack-bar { background: color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 10%,transparent) !important; border: 1px solid color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 25%,transparent) !important; border-radius: 8px !important; padding: 10px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-bar-label { font-size: 11px !important; color: var(--pi-desc-color) !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-bar-price { font-size: 20px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; }
  #pi-ge-pi .pi-bdl--stack .pi-bdl-bar-save { font-size: 10px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 2px 8px !important; border-radius: 100px !important; }

  
  #pi-ge-pi .pi-bdl--value { background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; overflow: hidden !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-head { background: var(--bdl-accent,var(--pi-caramel)) !important; padding: 8px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-head-title { font-size: 11px !important; font-weight: 700 !important; color: #fff !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-head-badge { font-size: 10px !important; font-weight: 700 !important; color: var(--bdl-accent,var(--pi-caramel)) !important; background: #fff !important; padding: 2px 8px !important; border-radius: 100px !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 14px !important; border-bottom: 1px solid var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-item:last-of-type { border-bottom: none !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-img { width: 40px !important; height: 40px !important; object-fit: cover !important; border-radius: 5px !important; flex-shrink: 0 !important; background: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-name { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-desc { font-size: 10px !important; color: var(--pi-desc-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-prices { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-retail { font-size: 10px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-price { font-size: 13px !important; font-weight: 800 !important; color: var(--bdl-accent, var(--pi-card-rec-border)) !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-footer { background: color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 8%, transparent) !important; border-top: 2px solid var(--bdl-accent,var(--pi-caramel)) !important; padding: 12px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-foot-info { }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-foot-label { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-foot-was { font-size: 11px !important; color: var(--pi-compare-color) !important; text-decoration: line-through !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-foot-save { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-save-color) !important; background: var(--pi-save-bg) !important; padding: 2px 7px !important; border-radius: 4px !important; display: inline-block !important; margin-top: 4px !important; }
  #pi-ge-pi .pi-bdl--value .pi-bdl-val-foot-price { font-size: 24px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; text-align: right !important; line-height: 1 !important; }

  
  #pi-ge-pi .pi-bdl--picker { background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; padding: 12px !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-title { font-size: 11px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; margin-bottom: 10px !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 10px !important; border-radius: 8px !important; border: 2px solid var(--pi-card-border) !important; margin-bottom: 6px !important; cursor: pointer !important; transition: border-color 160ms, background 160ms !important; background: var(--pi-info-bg) !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-item.selected { border-color: var(--bdl-accent, var(--pi-card-rec-border)) !important; background: var(--pi-card-rec-bg) !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-item.required { opacity: 1 !important; cursor: default !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-cb { width: 20px !important; height: 20px !important; border-radius: 5px !important; border: 2px solid var(--pi-card-border) !important; background: var(--pi-card-bg) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: background 160ms, border-color 160ms !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-item.selected .pi-bdl-pick-cb { background: var(--bdl-accent, var(--pi-card-rec-border)) !important; border-color: var(--bdl-accent, var(--pi-card-rec-border)) !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-cb svg { width: 12px !important; stroke: #fff !important; fill: none !important; stroke-width: 2.5 !important; opacity: 0 !important; transition: opacity 120ms !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-item.selected .pi-bdl-pick-cb svg { opacity: 1 !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-img { width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; background: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-name { font-size: var(--pick-name-size, 13px) !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-desc { font-size: 11px !important; color: var(--pi-desc-color) !important; margin-top: 2px !important; line-height: 1.35 !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-tag { font-size: 9px !important; font-weight: 700 !important; color: var(--bdl-accent, var(--pi-card-rec-border)) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-top: 2px !important; display: block !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-price { font-size: 13px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-total { background: color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 10%, transparent) !important; border: 1px solid color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 25%, transparent) !important; border-radius: 8px !important; padding: 8px 12px !important; margin-top: 8px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-total-label { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-total-right { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-total-retail { font-size: 12px !important; font-weight: 500 !important; color: var(--pi-desc-color) !important; opacity: 0.5 !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-total-price { font-size: 18px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; line-height: 1 !important; }
  #pi-ge-pi .pi-bdl--picker .pi-bdl-pick-total-save { font-size: 10px !important; font-weight: 700 !important; background: var(--pi-save-bg) !important; color: var(--pi-save-color) !important; padding: 2px 7px !important; border-radius: 4px !important; margin-top: 2px !important; display: inline-block !important; }

  
  #pi-ge-pi .pi-bdl--builder { background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: var(--pi-card-radius) !important; overflow: hidden !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-hero { display: flex !important; align-items: center !important; gap: 12px !important; padding: 14px !important; background: color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 8%, transparent) !important; border-bottom: 1px solid var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-hero-img { width: 56px !important; height: 56px !important; object-fit: cover !important; border-radius: 8px !important; flex-shrink: 0 !important; background: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-hero-tag { font-size: 9px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: var(--bdl-accent,var(--pi-caramel)) !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-hero-name { font-size: 14px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-hero-desc { font-size: 11px !important; color: var(--pi-desc-color) !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-hero-price { font-size: 14px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addons-label { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; color: var(--pi-desc-color) !important; padding: 10px 14px 6px !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 14px !important; border-top: 1px solid var(--pi-card-border) !important; cursor: pointer !important; transition: background 160ms !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon:hover { background: var(--pi-card-rec-bg) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon.selected { background: color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 6%, transparent) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-cb { width: 20px !important; height: 20px !important; border-radius: 5px !important; border: 2px solid var(--pi-card-border) !important; background: var(--pi-card-bg) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: background 160ms, border-color 160ms !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon.selected .pi-bdl-bld-cb { background: var(--bdl-accent,var(--pi-caramel)) !important; border-color: var(--bdl-accent,var(--pi-caramel)) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-cb svg { width: 12px !important; stroke: #fff !important; fill: none !important; stroke-width: 2.5 !important; opacity: 0 !important; transition: opacity 120ms !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon.selected .pi-bdl-bld-cb svg { opacity: 1 !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon-img { width: 38px !important; height: 38px !important; object-fit: cover !important; border-radius: 5px !important; flex-shrink: 0 !important; background: var(--pi-card-border) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon-name { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon-desc { font-size: 10px !important; color: var(--pi-desc-color) !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-addon-price { font-size: 12px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-footer { background: color-mix(in srgb, var(--bdl-accent,var(--pi-caramel)) 10%, transparent) !important; border-top: 1px solid var(--pi-card-border) !important; padding: 12px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-foot-label { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-foot-label small { display: block !important; font-size: 10px !important; font-weight: 400 !important; color: var(--pi-desc-color) !important; }
  #pi-ge-pi .pi-bdl--builder .pi-bdl-bld-foot-price { font-size: 22px !important; font-weight: 800 !important; color: var(--pi-price-color) !important; }

  
  #pi-ge-pi .pi-bdl--receipt { background: #fefdf7 !important; border: 1.5px dashed var(--bdl-accent,#c8a020) !important; border-radius: 10px !important; overflow: hidden !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-head { background: var(--bdl-accent,#b8900e) !important; padding: 8px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-head-title { font-size: 11px !important; font-weight: 800 !important; color: #fff !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-head-badge { font-size: 10px !important; font-weight: 700 !important; color: var(--bdl-accent,#b8900e) !important; background: #fff !important; padding: 2px 8px !important; border-radius: 100px !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-items { padding: 4px 0 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-item { display: flex !important; align-items: center !important; gap: 9px !important; padding: 7px 14px !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-img { width: 36px !important; height: 36px !important; object-fit: cover !important; border-radius: 4px !important; flex-shrink: 0 !important; background: #e8e0c8 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-item-info { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-name { font-size: 11px !important; font-weight: 700 !important; color: #2d2a1e !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-item-desc { font-size: 9px !important; color: #7a7055 !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-prices { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-retail { font-size: 10px !important; color: #aaa !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-price { font-size: 13px !important; font-weight: 800 !important; color: var(--bdl-accent,#b8900e) !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-divider { border: none !important; border-top: 1px dashed #d8cfa0 !important; margin: 2px 14px !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-subtotals { padding: 4px 14px 6px !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-row { display: flex !important; justify-content: space-between !important; font-size: 11px !important; padding: 2px 0 !important; color: #7a7055 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-row-strike { text-decoration: line-through !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-row-save { color: #1a6b2e !important; font-weight: 700 !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-total { background: var(--bdl-accent,#b8900e) !important; padding: 11px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-total-label { font-size: 11px !important; font-weight: 800 !important; color: #fff !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
  #pi-ge-pi .pi-bdl--receipt .pi-rcpt-total-price { font-size: 26px !important; font-weight: 900 !important; color: #fff !important; line-height: 1 !important; }

  
  #pi-ge-pi .pi-bdl--trust { background: #fff !important; border: 1px solid #d0d8e4 !important; border-radius: 10px !important; overflow: hidden !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-head { background: var(--bdl-accent,#1e4fbe) !important; padding: 12px 16px !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-head-title { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-head-sub { font-size: 12px !important; color: rgba(255,255,255,0.75) !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-item { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 11px 16px !important; border-bottom: 1px solid #e8edf4 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-item:last-of-type { border-bottom: none !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-img { width: 50px !important; height: 50px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; background: #f0f4f8 !important; border: 1px solid #e0e8f0 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-info { flex: 1 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-name { font-size: 14px !important; font-weight: 700 !important; color: #1a2533 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-desc { font-size: 12px !important; color: #4a5568 !important; margin-top: 3px !important; line-height: 1.45 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-price-col { text-align: right !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-retail { font-size: 11px !important; color: #999 !important; text-decoration: line-through !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-price { font-size: 13px !important; font-weight: 700 !important; color: #1a2533 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-total { background: color-mix(in srgb, var(--bdl-accent,#1e4fbe) 6%, #f8fafc) !important; border-top: 2px solid var(--bdl-accent,#1e4fbe) !important; padding: 12px 16px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-total-label { font-size: 14px !important; font-weight: 700 !important; color: #1a2533 !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-total-was { font-size: 12px !important; color: #999 !important; text-decoration: line-through !important; margin-top: 2px !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-total-price { font-size: 24px !important; font-weight: 800 !important; color: var(--bdl-accent,#1e4fbe) !important; }
  #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-total-save { font-size: 12px !important; font-weight: 700 !important; color: #1a6b2e !important; background: #d4f0dc !important; padding: 2px 8px !important; border-radius: 4px !important; display: inline-block !important; margin-top: 3px !important; }

  @media (max-width: 400px) {
    #pi-ge-pi .pi-bdl--value .pi-bdl-compare { grid-template-columns: 1fr !important; }
    #pi-ge-pi .pi-bdl--arsenal .pi-bdl-prods { gap: 5px !important; }
    #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-item { gap: 10px !important; padding: 12px 14px !important; }
    #pi-ge-pi .pi-bdl--trust .pi-bdl-trust-img { width: 48px !important; height: 48px !important; }
  }

  #pi-ge-pi .pi-proof-triggers { margin: 6px 0 0 !important; }
  #pi-ge-pi .pi-proof-trigger { display: flex !important; align-items: center !important; gap: 10px !important; background: var(--pi-proof-bg) !important; border: 1px solid var(--pi-proof-border) !important; border-radius: var(--pi-proof-radius) !important; padding: 10px 12px !important; cursor: pointer !important; width: 100% !important; text-align: left !important; transition: border-color 200ms ease, box-shadow 200ms ease !important; margin-bottom: 6px !important; max-height: 64px !important; overflow: hidden !important; }
  #pi-ge-pi .pi-proof-trigger:hover { border-color: var(--pi-modal-accent) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important; }
  #pi-ge-pi .pi-proof-icon { flex-shrink: 0 !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  #pi-ge-pi .pi-proof-icon svg { width: 22px !important; height: 22px !important; stroke: var(--pi-modal-accent) !important; fill: none !important; stroke-width: 1.5 !important; }
  #pi-ge-pi .pi-proof-text { flex: 1 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-proof-hl { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-proof-hl-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-proof-sub { font-size: 10px !important; color: var(--pi-proof-sub-color) !important; line-height: 1.3 !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-proof-arrow { flex-shrink: 0 !important; width: 16px !important; height: 16px !important; color: var(--pi-proof-sub-color) !important; }

  
  #pi-ge-pi .pi-atc { width: 100% !important; border: none !important; cursor: pointer !important; position: relative !important; overflow: hidden !important; margin-top: 6px !important; min-height: 48px !important; font-family: inherit !important; transition: background 200ms ease, color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 120ms ease !important; }
  #pi-ge-pi .pi-atc:active { transform: scale(0.97) !important; }
  #pi-ge-pi .pi-atc.loading { pointer-events: none !important; opacity: 0.85 !important; }
  #pi-ge-pi .pi-atc.loading .pi-atc-text,
  #pi-ge-pi .pi-atc.loading .pi-atc-icon,
  #pi-ge-pi .pi-atc.loading .pi-atc-split-price,
  #pi-ge-pi .pi-atc.loading .pi-atc-split-action,
  #pi-ge-pi .pi-atc.loading .pi-atc-top,
  #pi-ge-pi .pi-atc.loading .pi-atc-bottom { opacity: 0 !important; }
  #pi-ge-pi .pi-atc .pi-spinner { position: absolute !important; top: 50% !important; left: 50% !important; margin-top: -11px !important; margin-left: -11px !important; width: 22px !important; height: 22px !important; border: 2.5px solid rgba(255,255,255,0.3) !important; border-top-color: var(--pi-btn-color) !important; border-radius: 50% !important; animation: pi-spin 600ms linear infinite !important; display: none !important; }
  #pi-ge-pi .pi-atc.loading .pi-spinner { display: block !important; }
  @keyframes pi-spin { to { transform: rotate(360deg); } }
  #pi-ge-pi .pi-atc.success { background: #2d7a3a !important; border-color: #2d7a3a !important; color: #fff !important; }
  #pi-ge-pi .pi-atc[disabled] { opacity: 0.5 !important; cursor: not-allowed !important; }

  
  #pi-ge-pi .pi-atc--solid { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; border-radius: var(--pi-btn-radius) !important; font-size: var(--pi-btn-fs-m) !important; font-weight: var(--pi-btn-fw) !important; padding: var(--pi-btn-pad-v) 20px !important; letter-spacing: 0.01em !important; }
  #pi-ge-pi .pi-atc--solid:hover { background: var(--pi-btn-hover-bg) !important; box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important; }

  
  #pi-ge-pi .pi-atc--pill { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; border-radius: 100px !important; font-size: var(--pi-btn-fs-m) !important; font-weight: 700 !important; padding: var(--pi-btn-pad-v) 28px !important; letter-spacing: 0.02em !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
  #pi-ge-pi .pi-atc--pill:hover { background: var(--pi-btn-hover-bg) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important; }
  #pi-ge-pi .pi-atc--pill .pi-atc-icon svg { width: 18px !important; height: 18px !important; stroke: currentColor !important; fill: none !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; display: block !important; }

  
  #pi-ge-pi .pi-atc--split { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; border-radius: var(--pi-btn-radius) !important; font-weight: var(--pi-btn-fw) !important; padding: 0 !important; display: flex !important; align-items: stretch !important; min-height: 52px !important; }
  #pi-ge-pi .pi-atc--split:hover { background: var(--pi-btn-hover-bg) !important; }
  #pi-ge-pi .pi-atc--split .pi-atc-split-price { padding: 12px 16px !important; font-weight: 900 !important; font-size: 17px !important; letter-spacing: -0.02em !important; display: flex !important; align-items: center !important; border-right: 1px solid rgba(255,255,255,0.2) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-atc--split .pi-atc-split-action { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 16px !important; gap: 6px !important; font-size: var(--pi-btn-fs-m) !important; letter-spacing: 0.03em !important; }
  #pi-ge-pi .pi-atc--split .pi-atc-split-action svg { width: 16px !important; height: 16px !important; stroke: currentColor !important; fill: none !important; stroke-width: 2 !important; flex-shrink: 0 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }

  
  #pi-ge-pi .pi-atc--stacked { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; border-radius: var(--pi-btn-radius) !important; padding: 10px 20px 13px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1px !important; }
  #pi-ge-pi .pi-atc--stacked:hover { background: var(--pi-btn-hover-bg) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; }
  #pi-ge-pi .pi-atc--stacked .pi-atc-top { font-size: 10px !important; font-weight: 600 !important; opacity: 0.75 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; }
  #pi-ge-pi .pi-atc--stacked .pi-atc-bottom { font-size: var(--pi-btn-fs-m) !important; font-weight: 800 !important; letter-spacing: 0.01em !important; }

  
  #pi-ge-pi .pi-atc--outline { background: transparent !important; color: var(--pi-btn-bg) !important; border: 2px solid var(--pi-btn-bg) !important; border-radius: var(--pi-btn-radius) !important; font-size: var(--pi-btn-fs-m) !important; font-weight: 700 !important; padding: calc(var(--pi-btn-pad-v) - 2px) 20px !important; letter-spacing: 0.02em !important; }
  #pi-ge-pi .pi-atc--outline:hover { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }
  #pi-ge-pi .pi-atc--outline .pi-spinner { border-top-color: var(--pi-btn-bg) !important; }
  #pi-ge-pi .pi-atc--outline:hover .pi-spinner,
  #pi-ge-pi .pi-atc--outline.loading .pi-spinner { border-top-color: var(--pi-btn-color) !important; }
  #pi-ge-pi .pi-reassure { margin-top: 6px !important; margin-bottom: 10px !important; }
  #pi-ge-pi .pi-reassure--plain { text-align: center !important; font-size: 11px !important; color: var(--pi-reassure-color) !important; line-height: 1.4 !important; }
  #pi-ge-pi .pi-reassure--icons { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 4px 6px !important; }
  #pi-ge-pi .pi-reassure-item { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 11px !important; color: var(--pi-reassure-color) !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-reassure-item svg { width: 12px !important; height: 12px !important; stroke: var(--pi-caramel) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-reassure-dot { color: var(--pi-reassure-color) !important; opacity: 0.35 !important; font-size: 11px !important; }
  #pi-ge-pi .pi-reassure--pills { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 6px !important; }
  #pi-ge-pi .pi-reassure-pill { background: var(--pill-bg) !important; color: var(--pill-text) !important; font-size: 10.5px !important; font-weight: 600 !important; padding: 4px 10px !important; border-radius: 100px !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-express { margin-top: 8px !important; }
  #pi-ge-pi .pi-express .shopify-payment-button { margin: 0 !important; }
  #pi-ge-pi .pi-pay-terms { margin-top: 4px !important; font-size: 12px !important; color: var(--pi-desc-color) !important; }

  #pi-ge-pi .pi-ship { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; color: var(--ss-text) !important; font-size: 11px !important; }
  #pi-ge-pi .pi-ship-left,
  #pi-ge-pi .pi-ship-right { display: flex !important; align-items: center !important; gap: 4px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-ship-right { justify-content: flex-end !important; }
  #pi-ge-pi .pi-ship-date,
  #pi-ge-pi .pi-ship-country { font-weight: 700 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; max-width: none !important; }
  #pi-ge-pi .pi-ship-lbl { font-weight: 400 !important; opacity: 0.6 !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-ship-dot { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--ss-dot) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-ship-flag { font-size: 13px !important; line-height: 1 !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-ship-sep { display: none !important; }

  #pi-ge-pi .pi-ship--divider { padding: 7px 2px !important; border-top: 1px solid var(--ss-border) !important; border-bottom: 1px solid var(--ss-border) !important; }
  #pi-ge-pi .pi-ship--divider .pi-ship-sep { display: block !important; width: 1px !important; height: 16px !important; background: var(--ss-border) !important; flex-shrink: 0 !important; }

  #pi-ge-pi .pi-ship--card { background: transparent !important; border: 1.5px dashed var(--pi-caramel) !important; border-radius: 10px !important; padding: 9px 14px !important; }

  #pi-ge-pi .pi-accordion-group { margin-top: 0 !important; }
  #pi-ge-pi .pi-accordion-group-inner { border-top: 1px solid var(--pi-acc-border) !important; }
  #pi-ge-pi .pi-acc-item { border-bottom: 1px solid var(--pi-acc-border) !important; }
  #pi-ge-pi .pi-acc-trigger { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 0 !important; background: none !important; border: none !important; cursor: pointer !important; text-align: left !important; }
  #pi-ge-pi .pi-acc-title { font-size: 14px !important; font-weight: 600 !important; color: var(--pi-acc-title-color) !important; }
  #pi-ge-pi .pi-acc-icon { width: 18px !important; height: 18px !important; transition: transform 300ms ease !important; color: var(--pi-acc-title-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-acc-item.open .pi-acc-icon { transform: rotate(180deg) !important; }
  #pi-ge-pi .pi-acc-content { max-height: 0 !important; overflow: hidden !important; transition: max-height 350ms ease !important; }
  #pi-ge-pi .pi-acc-item.open .pi-acc-content { max-height: 600px !important; }
  #pi-ge-pi .pi-acc-body { padding: 0 0 14px !important; font-size: 13px !important; color: var(--pi-acc-text-color) !important; line-height: 1.6 !important; }
  #pi-ge-pi .pi-acc-body p { margin: 0 0 8px !important; }
  #pi-ge-pi .pi-acc-body p:last-child { margin-bottom: 0 !important; }

  .pi-modal-overlay-ge-pi {
    
      
      
      
      --pi-modal-bg:          #FCFCFC;
      --pi-modal-text-color:  #121212;
      --pi-modal-card-bg:     color-mix(in srgb, #337AC8 5%, #FCFCFC);
      --pi-modal-card-border: color-mix(in srgb, #337AC8 22%, #FCFCFC);
      --pi-modal-accent:      #337AC8;
      --pi-title-color:       #121212;
      --pi-desc-color:        color-mix(in srgb, #121212 80%, #FCFCFC);
      --pi-per-unit-color:    color-mix(in srgb, #121212 65%, #FCFCFC);
      --pi-star-color:        #337AC8;
    
    position: fixed !important; inset: 0 !important;
    background: rgba(0,0,0,0) !important; z-index: 9999 !important;
    display: flex !important; align-items: flex-end !important; justify-content: center !important;
    visibility: hidden !important; pointer-events: none !important;
    transition: background 250ms ease, visibility 0ms 250ms !important;
  }
  .pi-modal-overlay-ge-pi.visible { background: rgba(0,0,0,0.55) !important; visibility: visible !important; pointer-events: auto !important; transition: background 250ms ease, visibility 0ms 0ms !important; }
  .pi-modal-panel-ge-pi { background: var(--pi-modal-bg) !important; width: 100% !important; max-width: 480px !important; max-height: 85vh !important; border-radius: 20px 20px 0 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; transform: translateY(105%); transition: transform 350ms cubic-bezier(0.32, 0.72, 0, 1); box-shadow: 0 -4px 40px rgba(0,0,0,0.15) !important; }
  .pi-modal-overlay-ge-pi.visible .pi-modal-panel-ge-pi { transform: translateY(0); }
  .pi-modal-handle-ge-pi { width: 36px !important; height: 4px !important; background: rgba(0,0,0,0.15) !important; border-radius: 2px !important; margin: 8px auto 0 !important; flex-shrink: 0 !important; }
  .pi-modal-header-ge-pi { padding: 12px 20px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-shrink: 0 !important; border-bottom: 1px solid var(--pi-modal-card-border) !important; background: var(--pi-modal-bg) !important; }
  .pi-modal-header-left-ge-pi { display: flex !important; align-items: center !important; gap: 10px !important; flex: 1 !important; min-width: 0 !important; }
  .pi-modal-header-icon-ge-pi { width: 36px !important; height: 36px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; background: color-mix(in srgb, var(--pi-modal-accent) 12%, transparent) !important; }
  .pi-modal-header-icon-ge-pi svg { width: 20px !important; height: 20px !important; stroke: var(--pi-modal-accent) !important; fill: none !important; stroke-width: 1.5 !important; }
  .pi-modal-header-ge-pi h3 { color: var(--pi-title-color) !important; font-size: 15px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.3 !important; }
  .pi-modal-header-sub-ge-pi { font-size: 11px !important; color: var(--pi-per-unit-color) !important; line-height: 1.3 !important; margin-top: 1px !important; }
  .pi-modal-close-ge-pi { background: none !important; border: none !important; cursor: pointer !important; padding: 6px !important; color: var(--pi-desc-color) !important; opacity: 0.5 !important; flex-shrink: 0 !important; transition: opacity 150ms ease !important; border-radius: 8px !important; }
  .pi-modal-close-ge-pi:hover { opacity: 1 !important; background: color-mix(in srgb, var(--pi-title-color) 6%, transparent) !important; }
  .pi-modal-close-ge-pi svg { width: 20px !important; height: 20px !important; display: block !important; }
  .pi-modal-body-ge-pi { overflow-y: auto !important; padding: 16px 20px 28px !important; flex: 1 !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; }
  .pi-modal-stat-strip-ge-pi { display: flex !important; gap: 0 !important; flex-shrink: 0 !important; background: color-mix(in srgb, var(--pi-modal-accent) 6%, var(--pi-modal-bg)) !important; border-bottom: 1px solid var(--pi-modal-card-border) !important; }
  .pi-modal-stat-ge-pi { flex: 1 !important; text-align: center !important; padding: 10px 6px !important; border-right: 1px solid var(--pi-modal-card-border) !important; }
  .pi-modal-stat-ge-pi:last-child { border-right: none !important; }
  .pi-modal-stat-num-ge-pi { font-size: 16px !important; font-weight: 800 !important; color: var(--pi-modal-accent) !important; line-height: 1.2 !important; }
  .pi-modal-stat-label-ge-pi { font-size: 10px !important; color: var(--pi-desc-color) !important; line-height: 1.3 !important; margin-top: 1px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; font-weight: 600 !important; }
  
  .pi-ing-card-ge-pi { background: var(--pi-modal-card-bg) !important; border: 1px solid var(--pi-modal-card-border) !important; border-radius: 12px !important; padding: 16px !important; margin-bottom: 10px !important; transition: border-color 200ms ease !important; }
  .pi-ing-card-ge-pi:hover { border-color: var(--pi-modal-accent) !important; }
  .pi-ing-top-ge-pi { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 8px !important; margin-bottom: 6px !important; }
  .pi-ing-name-ge-pi { font-size: 15px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  .pi-ing-dose-ge-pi { font-size: 14px !important; font-weight: 800 !important; color: var(--pi-modal-accent) !important; white-space: nowrap !important; }
  .pi-ing-clinical-ge-pi { display: inline-flex !important; background: color-mix(in srgb, var(--pi-modal-accent) 12%, transparent) !important; color: var(--pi-modal-accent) !important; font-size: 10px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 4px !important; margin-bottom: 4px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
  .pi-ing-benefit-ge-pi { font-size: 13px !important; color: var(--pi-modal-text-color) !important; line-height: 1.5 !important; }
  .pi-ing-source-ge-pi { font-size: 11px !important; color: var(--pi-modal-text-color) !important; opacity: 0.6 !important; margin-top: 4px !important; }
  
  .pi-review-tabs-ge-pi { display: flex !important; gap: 8px !important; margin-bottom: 16px !important; }
  .pi-review-tab-ge-pi { padding: 8px 16px !important; border-radius: 100px !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer !important; border: 1.5px solid var(--pi-modal-card-border) !important; background: transparent !important; color: var(--pi-desc-color) !important; transition: background 200ms ease, border-color 200ms ease, color 200ms ease !important; white-space: nowrap !important; }
  .pi-review-tab-ge-pi:hover { border-color: var(--pi-modal-accent) !important; }
  .pi-review-tab-ge-pi.active { background: var(--pi-modal-accent) !important; border-color: var(--pi-modal-accent) !important; color: #fff !important; box-shadow: 0 2px 8px color-mix(in srgb, var(--pi-modal-accent) 30%, transparent) !important; }
  .pi-review-panel-ge-pi { display: none !important; }
  .pi-review-panel-ge-pi.active { display: block !important; }
  .pi-review-card-ge-pi { background: var(--pi-modal-card-bg) !important; border: 1px solid var(--pi-modal-card-border) !important; border-radius: 12px !important; padding: 16px !important; margin-bottom: 10px !important; transition: border-color 200ms ease !important; }
  .pi-review-meta-ge-pi { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
  .pi-review-name-ge-pi { font-size: 13px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  .pi-review-date-ge-pi { font-size: 11px !important; color: var(--pi-modal-text-color) !important; opacity: 0.5 !important; }
  .pi-review-stars-ge-pi { margin: 4px 0 6px !important; display: flex !important; gap: 1px !important; }
  .pi-review-stars-ge-pi svg { width: 12px !important; height: 12px !important; fill: var(--pi-star-color) !important; }
  .pi-review-text-ge-pi { font-size: 13px !important; color: var(--pi-modal-text-color) !important; line-height: 1.55 !important; }
  .pi-review-highlight-ge-pi { background: color-mix(in srgb, var(--pi-modal-accent) 15%, transparent) !important; padding: 1px 4px !important; border-radius: 3px !important; font-weight: 600 !important; }
  
  .pi-expert-card-ge-pi { display: flex !important; gap: 14px !important; background: var(--pi-modal-card-bg) !important; border: 1px solid var(--pi-modal-card-border) !important; border-radius: 12px !important; padding: 16px !important; margin-bottom: 12px !important; transition: border-color 200ms ease !important; }
  .pi-modal-panel--research-ge-pi { padding-bottom: 0 !important; }
  .pi-res-header-ge-pi { border-bottom: 1px solid var(--pi-modal-card-border) !important; }
  .pi-res-summary-ge-pi { display: flex !important; align-items: center !important; justify-content: space-around !important; padding: 14px 16px !important; background: color-mix(in srgb, var(--res-accent, var(--pi-modal-accent)) 5%, var(--res-bg, var(--pi-modal-bg))) !important; border-bottom: 1px solid var(--pi-modal-card-border) !important; flex-shrink: 0 !important; }
  .pi-res-stat-ge-pi { display: flex !important; align-items: center !important; gap: 8px !important; }
  .pi-res-stat-icon-ge-pi { width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: color-mix(in srgb, var(--res-accent, var(--pi-modal-accent)) 12%, transparent) !important; border-radius: 6px !important; flex-shrink: 0 !important; }
  .pi-res-stat-icon-ge-pi svg { width: 15px !important; height: 15px !important; stroke: var(--res-accent, var(--pi-modal-accent)) !important; }
  .pi-res-stat-num-ge-pi { font-size: 16px !important; font-weight: 800 !important; color: var(--res-accent, var(--pi-modal-accent)) !important; line-height: 1.1 !important; }
  .pi-res-stat-lbl-ge-pi { font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: var(--pi-desc-color) !important; }
  .pi-res-stat-divider-ge-pi { width: 1px !important; height: 28px !important; background: var(--pi-modal-card-border) !important; }
  .pi-research-summary-ge-pi { display: flex !important; gap: 0 !important; border-bottom: 1px solid var(--pi-modal-card-border) !important; margin-bottom: 16px !important; padding-bottom: 14px !important; }
  .pi-research-stat-ge-pi { flex: 1 !important; text-align: center !important; padding: 0 8px !important; border-right: 1px solid var(--pi-modal-card-border) !important; }
  .pi-research-stat-ge-pi:last-child { border-right: none !important; }
  .pi-research-stat-num-ge-pi { font-size: 22px !important; font-weight: 800 !important; color: var(--res-accent, var(--pi-modal-accent)) !important; line-height: 1 !important; margin-bottom: 3px !important; }
  .pi-research-stat-label-ge-pi { font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.07em !important; color: var(--pi-desc-color) !important; }
  .pi-res-panel-ge-pi {
    background: #fff !important;
    width: 100% !important; max-width: 480px !important; max-height: 88vh !important;
    border-radius: 20px 20px 0 0 !important;
    overflow: hidden !important; display: flex !important; flex-direction: column !important;
    transform: translateY(105%); transition: transform 380ms cubic-bezier(0.25,0.8,0.25,1);
    box-shadow: 0 -8px 40px rgba(0,0,0,0.12) !important;
  }
  .pi-modal-overlay-ge-pi.visible .pi-res-panel-ge-pi { transform: translateY(0); }
  .pi-res-colorbar-ge-pi { height: 3px !important; flex-shrink: 0 !important; background: var(--res-accent, #4f46e5) !important; }
  .pi-res-grip-ge-pi { width: 32px !important; height: 4px !important; background: var(--res-border, #e2e8f0) !important; border-radius: 2px !important; margin: 9px auto 0 !important; flex-shrink: 0 !important; }
  .pi-res-head-ge-pi { flex-shrink: 0 !important; padding: 14px 16px 0 !important; }
  .pi-res-head-top-ge-pi { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 14px !important; }
  .pi-res-head-left-ge-pi { flex: 1 !important; min-width: 0 !important; }
  .pi-res-journal-badge-ge-pi { display: inline-block !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--res-accent, #4f46e5) !important; margin-bottom: 5px !important; }
  .pi-res-head-title-ge-pi { font-size: 15px !important; font-weight: 700 !important; color: var(--res-title, #0f172a) !important; line-height: 1.2 !important; margin-bottom: 3px !important; }
  .pi-res-head-sub-ge-pi { font-size: 11px !important; color: var(--res-muted, #94a3b8) !important; }
  .pi-res-close-ge-pi { flex-shrink: 0 !important; background: none !important; border: none !important; padding: 2px !important; cursor: pointer !important; }
  .pi-res-close-ge-pi svg { width: 18px !important; height: 18px !important; stroke: var(--res-muted, #94a3b8) !important; display: block !important; }

  .pi-res-statbar-ge-pi { display: flex !important; align-items: center !important; border-top: 1px solid var(--res-border, #f1f5f9) !important; border-bottom: 1px solid var(--res-border, #f1f5f9) !important; margin-bottom: 0 !important; }
  .pi-res-sb-col-ge-pi { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1px !important; padding: 10px 4px !important; }
  .pi-res-sb-div-ge-pi { width: 1px !important; height: 28px !important; background: var(--res-border, #f1f5f9) !important; flex-shrink: 0 !important; }
  .pi-res-sb-icon-ge-pi { font-size: 12px !important; line-height: 1 !important; }
  .pi-res-sb-num-ge-pi { font-size: 17px !important; font-weight: 800 !important; color: var(--res-title, #0f172a) !important; line-height: 1.1 !important; }
  .pi-res-sb-lbl-ge-pi { font-size: 9px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: var(--res-muted, #94a3b8) !important; }

  .pi-res-body-ge-pi { flex: 1 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 16px 16px 32px !important; min-height: 0 !important; }

  .pi-res-card-ge-pi { padding: 14px 0 !important; border-bottom: 1px solid var(--res-border, #f1f5f9) !important; }
  .pi-res-card-ge-pi:last-child { border-bottom: none !important; }
  .pi-res-card-num-ge-pi { display: none !important; }
  .pi-res-card-body-ge-pi { display: contents !important; }
  .pi-res-card-meta-ge-pi { display: flex !important; gap: 5px !important; flex-wrap: wrap !important; margin-bottom: 8px !important; align-items: center !important; }
  .pi-res-card-type-ge-pi { font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; color: var(--res-accent, #4f46e5) !important; padding: 0 !important; }
  .pi-res-card-n-ge-pi { font-size: 9px !important; font-weight: 500 !important; color: var(--res-muted, #94a3b8) !important; }
  .pi-res-card-n-ge-pi::before { content: '·' !important; margin-right: 5px !important; }
  .pi-res-card-title-ge-pi { font-size: 13px !important; font-weight: 700 !important; color: var(--res-title, #0f172a) !important; line-height: 1.4 !important; margin-bottom: 4px !important; }
  .pi-res-card-ref-ge-pi { display: flex !important; gap: 0 !important; flex-wrap: wrap !important; align-items: baseline !important; margin-bottom: 10px !important; }
  .pi-res-card-authors-ge-pi { font-size: 11px !important; font-weight: 600 !important; color: var(--res-muted, #64748b) !important; margin-right: 4px !important; }
  .pi-res-card-journal-ge-pi { font-size: 11px !important; color: var(--res-muted, #94a3b8) !important; }
  .pi-res-card-finding-ge-pi { margin: 0 0 8px !important; padding: 0 0 0 10px !important; border-left: 2px solid var(--res-accent, #e2e8f0) !important; font-size: 12px !important; color: var(--res-body, #64748b) !important; line-height: 1.6 !important; font-style: italic !important; }
  .pi-res-card-doi-ge-pi { font-size: 9px !important; color: var(--res-muted, #cbd5e1) !important; font-family: monospace !important; word-break: break-all !important; }

    .pi-expert-photo-ge-pi    .pi-expert-photo-ge-pi { width: 52px !important; height: 52px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; background: color-mix(in srgb, var(--pi-modal-accent) 12%, var(--pi-modal-bg)) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  .pi-expert-photo-ge-pi img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .pi-expert-info-ge-pi { flex: 1 !important; min-width: 0 !important; }
  .pi-expert-name-ge-pi { font-size: 14px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  .pi-expert-cred-ge-pi { font-size: 11px !important; color: var(--pi-modal-accent) !important; font-weight: 600 !important; margin-top: 1px !important; }
  .pi-expert-quote-ge-pi { font-size: 13px !important; color: var(--pi-modal-text-color) !important; line-height: 1.5 !important; margin-top: 6px !important; font-style: italic !important; }

  .pi-sticky-ge-pi {
    --pi-sticky-bg:       #FFFAF5;
    --pi-sticky-color:    #2C1810;
    --pi-btn-bg:          #C17832;
    --pi-btn-color:       #FFFAF5;
    --pi-btn-hover-bg:    #A8632A;
    --pi-btn-radius:      8px;
    position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    background: var(--pi-sticky-bg) !important; z-index: 999 !important;
    padding: 10px 16px !important; display: flex !important; align-items: center !important;
    gap: 10px !important; box-shadow: 0 -2px 12px rgba(0,0,0,0.1) !important;
    transform: translateY(100%) !important; transition: transform 300ms ease !important;
  }
  .pi-sticky-ge-pi.visible { transform: translateY(0) !important; }
  .pi-sticky-info-ge-pi { flex: 1 !important; min-width: 0 !important; }
  .pi-sticky-label-ge-pi { font-size: 12px !important; font-weight: 600 !important; color: var(--pi-sticky-color) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; cursor: pointer !important; }
  .pi-sticky-price-ge-pi { font-size: 14px !important; font-weight: 700 !important; color: var(--pi-sticky-color) !important; }
  .pi-sticky-btn-ge-pi { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; border: none !important; border-radius: var(--pi-btn-radius) !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; white-space: nowrap !important; transition: background 200ms ease !important; }
  .pi-sticky-btn-ge-pi:hover { background: var(--pi-btn-hover-bg) !important; }
  .pi-sticky-btn-ge-pi:disabled { opacity: 0.6 !important; cursor: wait !important; }

  #pi-ge-pi .pi-hidden { display: none !important; }
  .shopify-payment-button__more-options { display: none !important; }

  

  
  
  #pi-ge-pi .pi-branded { margin-bottom: 14px !important; }

  
  #pi-ge-pi .pi-branded-header { text-align: center !important; padding: 8px 0 !important; border-top: 1px solid var(--pi-title-color) !important; border-bottom: 1px solid var(--pi-title-color) !important; margin-bottom: 12px !important; }
  #pi-ge-pi .pi-branded-header-eyebrow { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 8.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.22em !important; color: var(--pi-per-unit-color) !important; margin-bottom: 3px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-branded-header-title { font-size: 11.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }

  
  #pi-ge-pi .pi-branded--credits { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important; gap: 0 !important; }
  #pi-ge-pi .pi-branded-credit { text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 7px !important; padding: 4px 6px !important; position: relative !important; }
  #pi-ge-pi .pi-branded-credit + .pi-branded-credit::before { content: '' !important; position: absolute !important; left: 0 !important; top: 10px !important; bottom: 10px !important; width: 1px !important; background: var(--pi-conf-border) !important; }
  #pi-ge-pi .pi-branded-medallion { width: 58px !important; height: 58px !important; background: #fff !important; border: 1.5px solid var(--pi-conf-accent) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 7px !important; flex-shrink: 0 !important; position: relative !important; }
  #pi-ge-pi .pi-branded-medallion::before { content: '' !important; position: absolute !important; inset: 3px !important; border: 1px dashed var(--pi-conf-border) !important; border-radius: 50% !important; pointer-events: none !important; }
  #pi-ge-pi .pi-branded-medallion img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; position: relative !important; z-index: 1 !important; }
  #pi-ge-pi .pi-branded-medallion-fallback { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 9px !important; font-weight: 800 !important; color: var(--pi-conf-accent) !important; letter-spacing: 0.04em !important; line-height: 1.05 !important; text-align: center !important; position: relative !important; z-index: 1 !important; text-transform: uppercase !important; }
  #pi-ge-pi .pi-branded-credit-name { font-size: 11px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; line-height: 1.15 !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-branded-credit-sub { font-family: Georgia, 'Times New Roman', serif !important; font-size: 10px !important; font-style: italic !important; color: var(--pi-per-unit-color) !important; line-height: 1.35 !important; max-width: 120px !important; }

  
  #pi-ge-pi .pi-branded--showcase { display: flex !important; flex-direction: column !important; gap: 0 !important; border-top: 1px solid var(--pi-conf-border) !important; }
  #pi-ge-pi .pi-branded-show { display: grid !important; grid-template-columns: auto auto 1fr !important; gap: 14px !important; align-items: center !important; padding: 14px 4px !important; border-bottom: 1px solid var(--pi-conf-border) !important; }
  #pi-ge-pi .pi-branded-show-num { font-family: Georgia, 'Times New Roman', serif !important; font-weight: 400 !important; font-size: 36px !important; color: var(--pi-conf-accent) !important; line-height: 1 !important; letter-spacing: -0.03em !important; font-variant-numeric: oldstyle-nums !important; font-style: italic !important; }
  #pi-ge-pi .pi-branded-show-logo { width: 52px !important; height: 52px !important; background: #fff !important; border: 1px solid var(--pi-conf-border) !important; border-radius: 2px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 6px !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-branded-show-logo img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
  #pi-ge-pi .pi-branded-show-logo-fallback { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 9px !important; font-weight: 800 !important; color: var(--pi-conf-accent) !important; letter-spacing: 0.04em !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important; }
  #pi-ge-pi .pi-branded-show-body { min-width: 0 !important; }
  #pi-ge-pi .pi-branded-show-name { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; line-height: 1.2 !important; margin-bottom: 3px !important; }
  #pi-ge-pi .pi-branded-show-sub { font-family: Georgia, 'Times New Roman', serif !important; font-size: 11px !important; font-style: italic !important; color: var(--pi-desc-color) !important; line-height: 1.45 !important; }

  
  #pi-ge-pi .pi-branded--banner { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 1fr !important; gap: 0 !important; border-top: 2px solid var(--pi-title-color) !important; border-bottom: 2px solid var(--pi-title-color) !important; padding: 10px 0 !important; align-items: center !important; }
  #pi-ge-pi .pi-branded-bnr { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; padding: 0 10px !important; border-right: 1px solid var(--pi-conf-border) !important; text-align: center !important; min-width: 0 !important; }
  #pi-ge-pi .pi-branded-bnr:last-child { border-right: none !important; }
  #pi-ge-pi .pi-branded-bnr-logo { height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px 4px !important; }
  #pi-ge-pi .pi-branded-bnr-logo img { max-height: 100% !important; max-width: 100% !important; object-fit: contain !important; }
  #pi-ge-pi .pi-branded-bnr-logo-fallback { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 900 !important; color: var(--pi-title-color) !important; letter-spacing: -0.02em !important; line-height: 1 !important; font-style: italic !important; }
  #pi-ge-pi .pi-branded-bnr-name { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; line-height: 1.15 !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-branded-bnr-tag { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 8px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.14em !important; color: var(--pi-conf-accent) !important; line-height: 1 !important; }

  
  
  #pi-ge-pi .pi-ba-rev { margin-bottom: 16px !important; }

  
  #pi-ge-pi .pi-ba-rev-header { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; padding: 0 2px !important; }
  #pi-ge-pi .pi-ba-rev-header-text { min-width: 0 !important; line-height: 1.1 !important; }
  #pi-ge-pi .pi-ba-rev-eyebrow { font-size: 13px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; line-height: 1.1 !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-ba-rev-heading { font-size: 16px !important; font-weight: 900 !important; color: var(--pi-conf-accent) !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; line-height: 1.05 !important; }

  
  #pi-ge-pi .pi-ba-rev-carousel { position: relative !important; }
  #pi-ge-pi .pi-ba-rev-track { display: flex !important; gap: 12px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; -ms-overflow-style: none !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; padding: 2px 0 !important; margin: 0 -2px !important; }
  #pi-ge-pi .pi-ba-rev-track::-webkit-scrollbar { display: none !important; }

  
  #pi-ge-pi .pi-ba-rev-card { flex: 0 0 100% !important; scroll-snap-align: center !important; background: var(--pi-conf-bg) !important; border: 1px solid var(--pi-conf-border) !important; border-radius: 10px !important; padding: 12px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 2px !important; }

  
  #pi-ge-pi .pi-ba-rev-images { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
  #pi-ge-pi .pi-ba-rev-img { position: relative !important; aspect-ratio: 1/1 !important; overflow: hidden !important; border-radius: 8px !important; background: color-mix(in srgb, var(--pi-conf-accent) 8%, var(--pi-conf-bg)) !important; }
  #pi-ge-pi .pi-ba-rev-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-ba-rev-img-fallback { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-per-unit-color) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; opacity: 0.5 !important; }
  #pi-ge-pi .pi-ba-rev-label { position: absolute !important; left: 6px !important; right: 6px !important; bottom: 6px !important; padding: 5px 10px !important; font-size: 11px !important; font-weight: 700 !important; text-align: center !important; letter-spacing: 0.02em !important; border-radius: 5px !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-ba-rev-label--before { background: var(--pi-conf-bg) !important; color: var(--pi-title-color) !important; border: 1px solid var(--pi-conf-border) !important; }
  #pi-ge-pi .pi-ba-rev-label--after { background: var(--pi-conf-accent) !important; color: #fff !important; }

  
  #pi-ge-pi .pi-ba-rev-stars { display: flex !important; gap: 2px !important; }
  #pi-ge-pi .pi-ba-rev-star { width: 18px !important; height: 18px !important; color: var(--pi-conf-accent) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-ba-rev-star--empty { opacity: 0.22 !important; }

  
  #pi-ge-pi .pi-ba-rev-quote { font-size: 13px !important; color: var(--pi-desc-color) !important; line-height: 1.5 !important; margin: 0 !important; }

  
  #pi-ge-pi .pi-ba-rev-person { display: flex !important; align-items: center !important; gap: 10px !important; padding-top: 10px !important; border-top: 1px solid var(--pi-conf-border) !important; }
  #pi-ge-pi .pi-ba-rev-avatar { width: 38px !important; height: 38px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; background: color-mix(in srgb, var(--pi-conf-accent) 14%, var(--pi-conf-bg)) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-conf-accent) !important; font-weight: 800 !important; font-size: 13px !important; }
  #pi-ge-pi .pi-ba-rev-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  #pi-ge-pi .pi-ba-rev-person-text { min-width: 0 !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-ba-rev-person-name { font-size: 13.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-ba-rev-person-verified { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 11px !important; color: var(--pi-conf-accent) !important; font-weight: 600 !important; }
  #pi-ge-pi .pi-ba-rev-person-verified svg { width: 12px !important; height: 12px !important; stroke-width: 3 !important; flex-shrink: 0 !important; }

  
  #pi-ge-pi .pi-ba-rev-controls { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin-top: 12px !important; }
  #pi-ge-pi .pi-ba-rev-arrow { all: unset !important; box-sizing: border-box !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: var(--pi-conf-accent) !important; color: #fff !important; cursor: pointer !important; transition: opacity 200ms ease !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-ba-rev-arrow svg { width: 16px !important; height: 16px !important; stroke-width: 2.5 !important; }
  #pi-ge-pi .pi-ba-rev-arrow[disabled] { opacity: 0.35 !important; cursor: default !important; }
  #pi-ge-pi .pi-ba-rev-dots { display: flex !important; gap: 6px !important; align-items: center !important; }
  #pi-ge-pi .pi-ba-rev-dot { all: unset !important; box-sizing: border-box !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: color-mix(in srgb, var(--pi-conf-accent) 22%, transparent) !important; cursor: pointer !important; transition: all 220ms ease !important; }
  #pi-ge-pi .pi-ba-rev-dot--active { background: var(--pi-conf-accent) !important; width: 22px !important; border-radius: 4px !important; }
  

  
  
  #pi-ge-pi .pi-ing-list { margin-bottom: 12px !important; }
  #pi-ge-pi .pi-ing-list-link { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; color: var(--pi-conf-accent) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; padding: 2px 0 !important; }
  #pi-ge-pi .pi-ing-list-link:hover .pi-ing-list-label { opacity: 0.75 !important; }
  #pi-ge-pi .pi-ing-list-icon { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: var(--pi-conf-accent) !important; color: #fff !important; }
  #pi-ge-pi .pi-ing-list-icon svg { width: 11px !important; height: 11px !important; stroke-width: 3 !important; }
  #pi-ge-pi .pi-ing-list-label { text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; }
  #pi-ge-pi .pi-ing-list-body { font-size: 14px !important; line-height: 1.6 !important; color: var(--pi-desc-color) !important; padding: 16px !important; }
  #pi-ge-pi .pi-ing-list-body p { margin: 0 0 10px !important; }
  #pi-ge-pi .pi-ing-list-body p:last-child { margin-bottom: 0 !important; }
  #pi-ge-pi .pi-ing-list-body strong { color: var(--pi-title-color) !important; font-weight: 700 !important; }
  #pi-ge-pi .pi-ing-list-body ul, #pi-ge-pi .pi-ing-list-body ol { margin: 0 0 10px !important; padding-left: 20px !important; }
  #pi-ge-pi .pi-ing-list-body li { margin-bottom: 4px !important; }
  

  
  
  #pi-ge-pi .pi-free-from { margin-bottom: 14px !important; }
  #pi-ge-pi .pi-free-from-heading { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--pi-per-unit-color) !important; margin: 0 0 10px !important; text-align: center !important; }
  #pi-ge-pi .pi-free-from-grid { display: flex !important; justify-content: safe center !important; gap: 8px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; -ms-overflow-style: none !important; padding: 2px 2px 4px !important; margin: 0 -2px !important; scroll-snap-type: x proximity !important; scroll-padding: 0 8px !important; }
  #pi-ge-pi .pi-free-from-grid::-webkit-scrollbar { display: none !important; }
  #pi-ge-pi .pi-free-from-item { flex: 0 0 64px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; text-align: center !important; scroll-snap-align: start !important; }

  
  #pi-ge-pi .pi-free-from[data-scroll-right] .pi-free-from-grid { -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 32px), transparent 100%) !important; mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 32px), transparent 100%) !important; }
  #pi-ge-pi .pi-free-from[data-scroll-left] .pi-free-from-grid { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 100%) !important; mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 100%) !important; }
  #pi-ge-pi .pi-free-from[data-scroll-left][data-scroll-right] .pi-free-from-grid { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%) !important; mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%) !important; }
  #pi-ge-pi .pi-free-from-circle { position: relative !important; width: 52px !important; height: 52px !important; border: 1.5px solid var(--pi-conf-accent) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-title-color) !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-free-from-circle::after { content: '' !important; position: absolute !important; top: 50% !important; left: -2px !important; right: -2px !important; height: 1.5px !important; background: var(--pi-conf-accent) !important; transform: rotate(45deg) !important; transform-origin: center !important; }
  #pi-ge-pi .pi-free-from-circle svg { width: 26px !important; height: 26px !important; stroke-width: 1.5 !important; fill: none !important; stroke: currentColor !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
  #pi-ge-pi .pi-free-from-label { font-size: 11px !important; font-weight: 600 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; letter-spacing: -0.005em !important; min-height: 26px !important; }
  

  
  
  #pi-ge-pi .pi-founder { margin-bottom: 14px !important; padding: 14px 16px !important; background: var(--pi-conf-bg) !important; border: 1px solid var(--pi-conf-border) !important; border-radius: 8px !important; }
  #pi-ge-pi .pi-founder-eyebrow { text-align: center !important; font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.22em !important; color: var(--pi-per-unit-color) !important; margin: 0 0 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; }
  #pi-ge-pi .pi-founder-eyebrow::before,
  #pi-ge-pi .pi-founder-eyebrow::after { content: '' !important; flex: 0 0 28px !important; height: 1px !important; background: var(--pi-conf-border) !important; }

  
  #pi-ge-pi .pi-founder-grid { display: flex !important; flex-direction: column !important; gap: 0 !important; }
  #pi-ge-pi .pi-founder-item { display: flex !important; align-items: center !important; gap: 14px !important; padding: 10px 0 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-founder-item:first-child { padding-top: 0 !important; }
  #pi-ge-pi .pi-founder-item:last-child { padding-bottom: 0 !important; }
  #pi-ge-pi .pi-founder-item + .pi-founder-item { border-top: 1px solid var(--pi-conf-border) !important; }

  #pi-ge-pi .pi-founder-photo { width: 46px !important; height: 46px !important; border-radius: 50% !important; overflow: hidden !important; flex: 0 0 46px !important; background: color-mix(in srgb, var(--pi-conf-accent) 15%, var(--pi-conf-bg)) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-conf-accent) !important; font-weight: 800 !important; font-size: 17px !important; border: 1px solid var(--pi-conf-border) !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-founder-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-founder-text { flex: 1 1 auto !important; min-width: 0 !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-founder-name { font-size: 13.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.25 !important; margin: 0 0 2px !important; letter-spacing: -0.005em !important; }
  #pi-ge-pi .pi-founder-cred { font-family: Georgia, 'Times New Roman', serif !important; font-size: 11.5px !important; color: var(--pi-desc-color) !important; font-style: italic !important; line-height: 1.4 !important; margin: 0 !important; }

  
  #pi-ge-pi .pi-founder--single .pi-founder-grid { align-items: center !important; }
  #pi-ge-pi .pi-founder--single .pi-founder-item { flex-direction: column !important; gap: 10px !important; text-align: center !important; padding: 2px 0 !important; }
  #pi-ge-pi .pi-founder--single .pi-founder-photo { width: 60px !important; height: 60px !important; flex: 0 0 60px !important; font-size: 22px !important; }
  #pi-ge-pi .pi-founder--single .pi-founder-name { font-size: 15px !important; }
  #pi-ge-pi .pi-founder--single .pi-founder-cred { font-size: 12px !important; max-width: 28ch !important; }
  

  
  
  #pi-ge-pi .pi-sup-facts { margin-bottom: 12px !important; background: #ffffff !important; color: #000 !important; border: 2px solid #000 !important; border-radius: 3px !important; overflow: hidden !important; font-family: Helvetica, Arial, sans-serif !important; }
  #pi-ge-pi .pi-sup-facts-trigger { all: unset !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 10px 14px !important; cursor: pointer !important; background: #fff !important; border-bottom: 1px solid transparent !important; }
  #pi-ge-pi .pi-sup-facts.open .pi-sup-facts-trigger { border-bottom-color: transparent !important; }
  #pi-ge-pi .pi-sup-facts-trigger-title { font-size: 20px !important; font-weight: 900 !important; color: #000 !important; letter-spacing: -0.01em !important; line-height: 1 !important; }
  #pi-ge-pi .pi-sup-facts-trigger-arrow { width: 16px !important; height: 16px !important; color: #000 !important; transition: transform 200ms ease !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-sup-facts.open .pi-sup-facts-trigger-arrow { transform: rotate(180deg) !important; }
  #pi-ge-pi .pi-sup-facts-body { max-height: 0 !important; overflow: hidden !important; transition: max-height 300ms ease !important; padding: 0 14px !important; }
  #pi-ge-pi .pi-sup-facts.open .pi-sup-facts-body { max-height: 1000px !important; padding: 0 14px 12px !important; }
  #pi-ge-pi .pi-sup-facts-serving { font-size: 12px !important; color: #000 !important; padding: 3px 0 !important; }
  #pi-ge-pi .pi-sup-facts-serving-row { display: flex !important; justify-content: space-between !important; padding: 2px 0 !important; }
  #pi-ge-pi .pi-sup-facts-thick { border-top: 8px solid #000 !important; margin: 4px 0 0 !important; }
  #pi-ge-pi .pi-sup-facts-thin { border-top: 1px solid #000 !important; }
  #pi-ge-pi .pi-sup-facts-head { display: flex !important; justify-content: flex-end !important; padding: 4px 0 !important; font-size: 11px !important; font-weight: 700 !important; color: #000 !important; border-bottom: 1px solid #000 !important; gap: 16px !important; }
  #pi-ge-pi .pi-sup-facts-row { display: flex !important; justify-content: space-between !important; align-items: baseline !important; padding: 5px 0 !important; font-size: 12px !important; color: #000 !important; border-bottom: 1px solid #000 !important; line-height: 1.3 !important; gap: 8px !important; }
  #pi-ge-pi .pi-sup-facts-row:last-of-type { border-bottom: 2px solid #000 !important; }
  #pi-ge-pi .pi-sup-facts-row-name { font-weight: 500 !important; flex: 1 !important; }
  #pi-ge-pi .pi-sup-facts-row-amt { font-weight: 700 !important; text-align: right !important; white-space: nowrap !important; }
  #pi-ge-pi .pi-sup-facts-row-dv { font-weight: 700 !important; text-align: right !important; min-width: 36px !important; }
  #pi-ge-pi .pi-sup-facts-note { font-size: 10px !important; color: #000 !important; padding-top: 6px !important; line-height: 1.4 !important; font-style: italic !important; }
  #pi-ge-pi .pi-sup-facts-other { font-size: 11px !important; color: #000 !important; padding: 8px 0 0 !important; line-height: 1.4 !important; border-top: 1px solid #000 !important; margin-top: 4px !important; }
  #pi-ge-pi .pi-sup-facts-other strong { font-weight: 700 !important; }
  
  

  @media (min-width: 768px) {
    #pi-ge-pi { padding: var(--pi-pad-t-d) var(--pi-pad-x-d) var(--pi-pad-b-d) !important; }
    #pi-ge-pi .pi-wrap { flex-direction: row !important; gap: var(--pi-desk-gap) !important; align-items: flex-start !important; }
    #pi-ge-pi .pi-gallery { width: 45% !important; flex-shrink: 0 !important; position: sticky !important; top: 20px !important; align-self: flex-start !important; overflow: visible !important; }
    
    #pi-ge-pi .pi-info { flex: 1 !important; align-self: flex-start !important; padding: 20px 18px !important; margin-top: 0 !important; }
    
    #pi-ge-pi .pi-title { font-size: var(--pi-title-fs-d, var(--pi-title-fs-m)) !important; }
    #pi-ge-pi .pi-price-current { font-size: var(--pi-price-fs-d) !important; }
    #pi-ge-pi .pi-atc { font-size: var(--pi-btn-fs-d) !important; }
    .pi-modal-panel-ge-pi { border-radius: 16px !important; max-height: 80vh !important; max-width: 520px !important; margin: auto !important; box-shadow: 0 8px 60px rgba(0,0,0,0.2) !important; }
    .pi-res-panel-ge-pi { border-radius: 16px !important; max-height: 82vh !important; max-width: 520px !important; margin: auto !important; box-shadow: 0 16px 60px rgba(0,0,0,0.2), 0 0 0 1px rgba(79,70,229,0.15) !important; }
    .pi-modal-overlay-ge-pi { align-items: center !important; }
    .pi-modal-handle-ge-pi { display: none !important; }
    .pi-sticky-ge-pi { display: none !important; }
    #pi-ge-pi .pi-gallery-dots { display: none !important; }
  }