/** 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:  28px;
    --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: 22px;
    --pi-card-gap:    8px;
    --pi-sub-radius:  22px;
    --pi-proof-radius:22px;
    --pi-btn-radius:  12px;
    --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-pop:              #5998DD;
      --pi-pop-soft:         color-mix(in srgb, #5998DD 20%, #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, #5998DD 12%, #FCFCFC);
      --pi-eyebrow-color:    #5998DD;
      --pi-eyebrow-border:   color-mix(in srgb, #5998DD 30%, #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-strip-bg:         color-mix(in srgb, #337AC8 5%, #FCFCFC);
      --pi-strip-border:     color-mix(in srgb, #337AC8 22%, #FCFCFC);
      --pi-strip-text:       #121212;
      --pi-strip-dot:        #337AC8;
      
      --pi-reassure-pill-bg:    color-mix(in srgb, #337AC8 10%, #FCFCFC);
      --pi-reassure-pill-text:  #121212;
      
      --pi-res-bg:           #FCFCFC;
      --pi-res-accent:       #337AC8;
      --pi-res-title:        #121212;
      --pi-res-body:         color-mix(in srgb, #121212 78%, #FCFCFC);
      --pi-res-muted:        color-mix(in srgb, #121212 55%, #FCFCFC);
      --pi-res-border:       color-mix(in srgb, #337AC8 18%, #FCFCFC);
      --pi-res-finding-bg:   color-mix(in srgb, #337AC8 10%, #FCFCFC);
      --pi-res-finding-text: #337AC8;
      
      --pi-desc-em-bg:       color-mix(in srgb, #5998DD 15%, #FCFCFC);
      --pi-desc-em-color:    #5998DD;
      --pi-desc-chip-bg:     color-mix(in srgb, #337AC8 14%, #FCFCFC);
      --pi-desc-chip-color:  #337AC8;
      --pi-desc-chip-border: color-mix(in srgb, #337AC8 30%, #FCFCFC);
      
      --pi-vn-bg:            color-mix(in srgb, #337AC8 6%, #FCFCFC);
      --pi-vn-text:          #121212;
      --pi-vn-border:        color-mix(in srgb, #337AC8 22%, #FCFCFC);
      --pi-vn-check:         #5998DD;
    
  }

  #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--verified-names {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: var(--vn-pad-y, 12px) var(--vn-pad-x, 16px) !important;
    background: var(--vn-bg, #F6F6F6) !important;
    color: var(--vn-text, #000000) !important;
    border: var(--vn-bw, 1px) solid var(--vn-border, #D7D7D7) !important;
    border-radius: var(--vn-radius, 16px) !important;
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: var(--vn-fs, 13px) !important;
    line-height: 1.35 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
  #pi-ge-pi .pi-vn-avatars {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }
  #pi-ge-pi .pi-vn-avatar {
    width: var(--vn-av-size, 32px) !important;
    height: var(--vn-av-size, 32px) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 2px solid var(--vn-bg, #F6F6F6) !important;
    background: #EAEAEA !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }
  #pi-ge-pi .pi-vn-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  #pi-ge-pi .pi-badge--verified-names.is-overlap .pi-vn-avatar + .pi-vn-avatar {
    margin-left: calc(var(--vn-av-size, 32px) * -0.3) !important;
  }
  #pi-ge-pi .pi-badge--verified-names:not(.is-overlap) .pi-vn-avatar + .pi-vn-avatar {
    margin-left: 3px !important;
  }
  #pi-ge-pi .pi-vn-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-weight: 500 !important;
  }
  #pi-ge-pi .pi-vn-text strong {
    font-weight: 700 !important;
    color: var(--vn-text, #000000) !important;
  }
  #pi-ge-pi .pi-vn-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    width: calc(var(--vn-fs, 13px) * 0.95) !important;
    height: calc(var(--vn-fs, 13px) * 0.95) !important;
    margin: 0 1px 0 3px !important;
    position: relative !important;
    top: -1px !important;
    flex-shrink: 0 !important;
  }
  #pi-ge-pi .pi-vn-check svg {
    width: 100% !important;
    height: 100% !important;
    display: block !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-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--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:      12px;
    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-cream-deep: color-mix(in srgb, var(--pi-bg) 90%, #C7A671);
    --pi-stamp:      color-mix(in srgb, var(--pi-caramel) 95%, #000);
  }
  

  
  #pi-ge-pi .pi-info {
    position: relative !important;
    background-color: var(--pi-info-bg) !important;
    background-image:
      radial-gradient(ellipse 600px 400px at 0% 0%, color-mix(in srgb, var(--pi-caramel) 6%, transparent), transparent 60%),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><g fill='%234F6B4C' fill-opacity='0.035'><ellipse cx='30' cy='20' rx='3' ry='4'/><ellipse cx='42' cy='18' rx='3' ry='4'/><ellipse cx='22' cy='30' rx='2.5' ry='3.5'/><ellipse cx='50' cy='30' rx='2.5' ry='3.5'/><path d='M36 30c-5 0-8 5-8 9 0 3 2 4 4 4h8c2 0 4-1 4-4 0-4-3-9-8-9z'/><ellipse cx='95' cy='85' rx='3' ry='4'/><ellipse cx='107' cy='83' rx='3' ry='4'/><ellipse cx='87' cy='95' rx='2.5' ry='3.5'/><ellipse cx='115' cy='95' rx='2.5' ry='3.5'/><path d='M101 95c-5 0-8 5-8 9 0 3 2 4 4 4h8c2 0 4-1 4-4 0-4-3-9-8-9z'/></g></svg>") !important;
    background-repeat: no-repeat, repeat !important;
    background-size: auto, 140px 140px !important;
  }

  
  #pi-ge-pi .pi-title {
    font-family: 'Recoleta','Fraunces','Playfair Display','Iowan Old Style','Apple Garamond',ui-serif,Georgia,'Times New Roman',serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.1 !important;
  }
  #pi-ge-pi .pi-title::after {
    content: '' !important;
    display: block !important;
    margin-top: 8px !important;
    width: 72px !important;
    height: 8px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 8' preserveAspectRatio='none'><path d='M1 6 Q10 1 20 4 T40 4 T60 4 T71 6' stroke='%23E9764E' stroke-width='2.5' fill='none' stroke-linecap='round'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }

  
  #pi-ge-pi .pi-desc {
    font-family: ui-rounded,'SF Pro Rounded','Nunito','Quicksand',system-ui,-apple-system,sans-serif !important;
    line-height: 1.6 !important;
  }

  
  #pi-ge-pi .pi-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px 5px 12px !important;
    border-radius: 999px !important;
    background: var(--pi-pop) !important;
    color: #FFF !important;
    border: 2px solid var(--pi-title-color) !important;
    box-shadow: 2px 2px 0 0 var(--pi-title-color) !important;
    transform: rotate(-2deg) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 10.5px !important;
    letter-spacing: 0.08em !important;
  }
  #pi-ge-pi .pi-eyebrow-dot { background: #FFF !important; opacity: 0.7 !important; }

  
  #pi-ge-pi .pi-price-current {
    font-family: 'Recoleta','Fraunces','Playfair Display',ui-serif,Georgia,serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
  }
  #pi-ge-pi .pi-price-compare {
    text-decoration: line-through !important;
    text-decoration-color: var(--pi-pop) !important;
    text-decoration-thickness: 2px !important;
  }
  #pi-ge-pi .pi-save-badge {
    background: var(--pi-pop) !important;
    color: #FFF !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 2px 0 0 color-mix(in srgb, var(--pi-pop) 50%, #000) !important;
    transform: rotate(-3deg) !important;
  }

  
  #pi-ge-pi .pi-conf {
    background: color-mix(in srgb, var(--pi-caramel) 6%, #FFF) !important;
    border: 1.5px solid var(--pi-conf-border) !important;
    border-radius: 18px !important;
  }

  
  #pi-ge-pi .pi-tier {
    border-width: 2px !important;
    border-radius: 18px !important;
    transition: transform 0.2s cubic-bezier(0.3, 1.4, 0.5, 1), box-shadow 0.2s !important;
  }
  #pi-ge-pi .pi-tier:hover {
    transform: translateY(-2px) !important;
  }
  #pi-ge-pi .pi-tier.selected {
    box-shadow: 0 0 0 3px var(--pi-card-rec-border), 0 10px 24px -8px color-mix(in srgb, var(--pi-caramel) 40%, transparent) !important;
    transform: translateY(-2px) !important;
  }
  
  #pi-ge-pi .pi-tier .pi-anchor-save,
  #pi-ge-pi .pi-tier [class*="save"] {
    font-weight: 800 !important;
  }

  
  #pi-ge-pi .pi-atc {
    border-radius: 999px !important;
    padding: 16px 24px !important;
    font-family: ui-rounded,'SF Pro Rounded','Nunito',system-ui,sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    border: 2.5px solid var(--pi-title-color) !important;
    box-shadow: 0 5px 0 0 var(--pi-title-color), 0 10px 24px -6px color-mix(in srgb, var(--pi-title-color) 30%, transparent) !important;
    transition: transform 0.12s ease, box-shadow 0.12s ease !important;
    position: relative !important;
  }
  #pi-ge-pi .pi-atc:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 0 0 var(--pi-title-color), 0 14px 28px -6px color-mix(in srgb, var(--pi-title-color) 35%, transparent) !important;
    background: var(--pi-btn-hover-bg) !important;
  }
  #pi-ge-pi .pi-atc:active {
    transform: translateY(3px) !important;
    box-shadow: 0 2px 0 0 var(--pi-title-color), 0 4px 10px -2px color-mix(in srgb, var(--pi-title-color) 25%, transparent) !important;
  }

  
  #pi-ge-pi .pi-badge--pill,
  #pi-ge-pi .pi-badge--classic {
    font-weight: 700 !important;
  }
  #pi-ge-pi .pi-badge--banner,
  #pi-ge-pi .pi-badge--doctor {
    border-radius: 16px !important;
    border-width: 1.5px !important;
  }

  
  #pi-ge-pi .pi-gallery {
    position: relative !important;
  }
  #pi-ge-pi .pi-gallery::after {
    content: '' !important;
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 82px !important;
    height: 82px !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><path id='c' d='M 50,50 m -38,0 a 38,38 0 1,1 76,0 a 38,38 0 1,1 -76,0' fill='none'/></defs><circle cx='50' cy='50' r='46' fill='%23FBF5EA' stroke='%232E2A24' stroke-width='2.5'/><circle cx='50' cy='50' r='40' fill='none' stroke='%232E2A24' stroke-width='1' stroke-dasharray='3,3'/><g fill='%232E2A24'><ellipse cx='44' cy='44' rx='2.2' ry='2.8'/><ellipse cx='56' cy='44' rx='2.2' ry='2.8'/><ellipse cx='40' cy='52' rx='1.8' ry='2.3'/><ellipse cx='60' cy='52' rx='1.8' ry='2.3'/><path d='M50 52c-4 0-7 4-7 8 0 2.5 2 3.5 3.5 3.5h7c1.5 0 3.5-1 3.5-3.5 0-4-3-8-7-8z'/></g><text font-family='Georgia,serif' font-weight='700' font-size='8.5' fill='%232E2A24'><textPath xlink:href='%23c' startOffset='0%25'>HAPPY PET GUARANTEE ·</textPath></text></svg>") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transform: rotate(-8deg) !important;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.12)) !important;
  }
  @media (max-width: 480px) {
    #pi-ge-pi .pi-gallery::after { width: 64px !important; height: 64px !important; top: 12px !important; right: 12px !important; }
  }

  
  #pi-ge-pi .pi-rc,
  #pi-ge-pi .pi-review-card {
    border-radius: 18px !important;
    border: 1.5px solid var(--pi-conf-border) !important;
  }

  
  #pi-ge-pi .pi-acc-item {
    border-radius: 14px !important;
    overflow: hidden !important;
  }
  #pi-ge-pi .pi-acc-title {
    font-weight: 700 !important;
  }

  
  #pi-ge-pi .pi-free-from-circle {
    border-width: 2px !important;
    background: color-mix(in srgb, var(--pi-caramel) 4%, #FFF) !important;
  }

  
  #pi-ge-pi [class*="pi-divider"],
  #pi-ge-pi .pi-info hr,
  #pi-ge-pi .pi-info > [data-block-type="divider"] {
    border: none !important;
    height: 10px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'><path d='M0 5 Q 15 0, 30 5 T 60 5 T 90 5 T 120 5' stroke='%234F6B4C' stroke-width='1.5' fill='none' opacity='0.35'/></svg>") !important;
    background-repeat: repeat-x !important;
    background-size: 120px 10px !important;
    background-position: center !important;
    margin: 12px 0 !important;
  }

  
  #pi-ge-pi .pi-sticky,
  .pi-sticky-btn-ge-pi {
    border-radius: 999px !important;
  }
  .pi-sticky-btn-ge-pi {
    border: 2px solid var(--pi-title-color) !important;
    box-shadow: 0 3px 0 0 var(--pi-title-color) !important;
    font-weight: 800 !important;
  }

  
  #pi-ge-pi .pi-shipping-strip,
  #pi-ge-pi [class*="pi-ship"] {
    border-radius: 14px !important;
  }

  
  #pi-ge-pi [class*="pi-variant"] button,
  #pi-ge-pi [class*="pi-variant"] label {
    border-radius: 999px !important;
    font-weight: 700 !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-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-pet-compat { margin-bottom: 12px !important; padding: 11px 12px 10px !important; background: var(--pi-conf-bg) !important; border: 1px solid var(--pi-conf-border) !important; border-radius: var(--pi-card-radius) !important; }
  #pi-ge-pi .pi-pet-compat-heading { font-size: 10.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--pi-per-unit-color) !important; margin: 0 0 8px !important; text-align: center !important; }
  #pi-ge-pi .pi-pet-compat-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
  @media (max-width: 480px) {
    #pi-ge-pi .pi-pet-compat-grid { grid-template-columns: repeat(2, 1fr) !important; }
  }
  #pi-ge-pi .pi-pet-compat-item { display: flex !important; align-items: center !important; gap: 7px !important; padding: 6px 8px !important; background: var(--pi-card-bg) !important; border: 1px solid var(--pi-card-border) !important; border-radius: 8px !important; min-width: 0 !important; }
  #pi-ge-pi .pi-pet-compat-icon { flex: 0 0 auto !important; font-size: 18px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-pet-compat-text { flex: 1 1 auto !important; min-width: 0 !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-pet-compat-label { font-size: 11.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; }
  #pi-ge-pi .pi-pet-compat-sub { font-size: 10px !important; color: var(--pi-desc-color) !important; opacity: 0.8 !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-pet-compat-footnote { font-size: 10.5px !important; color: var(--pi-per-unit-color) !important; font-style: italic !important; text-align: center !important; margin-top: 8px !important; }

  
  #pi-ge-pi .pi-benefit-grid-wrap { margin: 4px 0 12px !important; }
  #pi-ge-pi .pi-benefit-grid-heading { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1px !important; margin-bottom: 8px !important; text-align: center !important; }
  #pi-ge-pi .pi-benefit-grid-eyebrow { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 9.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.16em !important; color: var(--pi-pop) !important; }
  #pi-ge-pi .pi-benefit-grid-title { font-family: 'Recoleta','Fraunces','Playfair Display',ui-serif,Georgia,serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; }
  
  #pi-ge-pi .pi-benefit-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 4px !important; }
  #pi-ge-pi .pi-benefit-card { background: transparent !important; border: none !important; border-radius: 0 !important; padding: 6px 2px 4px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; transition: transform 0.2s cubic-bezier(0.3, 1.4, 0.5, 1) !important; position: relative !important; overflow: visible !important; text-align: center !important; box-shadow: none !important; }
  #pi-ge-pi .pi-benefit-card:hover { transform: translateY(-2px) !important; box-shadow: none !important; border-color: transparent !important; }
  #pi-ge-pi .pi-benefit-card:hover .pi-benefit-icon { background: color-mix(in srgb, var(--pi-caramel) 22%, #FFF) !important; border-color: color-mix(in srgb, var(--pi-caramel) 35%, var(--pi-conf-border)) !important; }
  #pi-ge-pi .pi-benefit-card::before { display: none !important; }
  #pi-ge-pi .pi-benefit-icon { width: 46px !important; height: 46px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-caramel) !important; background: color-mix(in srgb, var(--pi-caramel) 12%, #FFF) !important; border: 1.5px solid color-mix(in srgb, var(--pi-caramel) 18%, var(--pi-conf-border)) !important; border-radius: 13px !important; padding: 8px !important; position: relative !important; z-index: 1 !important; flex-shrink: 0 !important; box-shadow: 0 1.5px 0 0 color-mix(in srgb, var(--pi-caramel) 22%, transparent) !important; transition: background 0.2s, border-color 0.2s !important; }
  #pi-ge-pi .pi-benefit-icon svg { width: 100% !important; height: 100% !important; }
  
  #pi-ge-pi .pi-benefit-body { flex: 0 0 auto !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; min-width: 0 !important; }
  #pi-ge-pi .pi-benefit-title { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 10.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.15 !important; letter-spacing: -0.01em !important; text-align: center !important; hyphens: auto !important; -webkit-hyphens: auto !important; overflow-wrap: break-word !important; word-break: break-word !important; }
  #pi-ge-pi .pi-benefit-desc { display: none !important; }

  
  #pi-ge-pi .pi-petgal-wrap { margin: 4px -6px 12px !important; padding: 0 !important; }
  #pi-ge-pi .pi-petgal-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 6px !important; margin-bottom: 8px !important; gap: 10px !important; }
  #pi-ge-pi .pi-petgal-heading-left { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
  #pi-ge-pi .pi-petgal-eyebrow { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.18em !important; color: var(--pi-pop) !important; }
  #pi-ge-pi .pi-petgal-title { font-family: 'Recoleta','Fraunces','Playfair Display',ui-serif,Georgia,serif !important; font-size: 14.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; letter-spacing: -0.01em !important; line-height: 1.15 !important; }
  #pi-ge-pi .pi-petgal-tag { font-size: 10.5px !important; font-weight: 700 !important; color: var(--pi-caramel) !important; background: color-mix(in srgb, var(--pi-caramel) 12%, #FFF) !important; border: 1.5px solid var(--pi-conf-border) !important; border-radius: 999px !important; padding: 4px 9px !important; white-space: nowrap !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-petgal-tag::before { content: '🐾' !important; margin-right: 3px !important; }
  #pi-ge-pi .pi-petgal-track { display: flex !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 4px 6px 8px !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; -ms-overflow-style: none !important; }
  #pi-ge-pi .pi-petgal-track::-webkit-scrollbar { display: none !important; }
  #pi-ge-pi .pi-petgal-card { flex: 0 0 115px !important; scroll-snap-align: start !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; border-radius: 14px !important; overflow: hidden !important; position: relative !important; transition: transform 0.2s !important; box-shadow: 0 2px 6px -2px rgba(0,0,0,0.05) !important; }
  #pi-ge-pi .pi-petgal-card:nth-child(odd) { transform: rotate(-1.5deg) !important; }
  #pi-ge-pi .pi-petgal-card:nth-child(even) { transform: rotate(1.5deg) !important; }
  #pi-ge-pi .pi-petgal-card:hover { transform: rotate(0) translateY(-3px) !important; box-shadow: 0 8px 20px -4px rgba(0,0,0,0.12) !important; }
  #pi-ge-pi .pi-petgal-img { width: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: color-mix(in srgb, var(--pi-caramel) 10%, #FFF) !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; }
  #pi-ge-pi .pi-petgal-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-petgal-img-fallback { font-size: 32px !important; opacity: 0.3 !important; }
  #pi-ge-pi .pi-petgal-info { padding: 6px 8px 8px !important; }
  #pi-ge-pi .pi-petgal-name { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 12px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-petgal-breed { font-size: 10px !important; color: var(--pi-desc-color) !important; opacity: 0.75 !important; line-height: 1.25 !important; margin-top: 1px !important; }
  #pi-ge-pi .pi-petgal-stars { font-size: 9.5px !important; color: var(--pi-pop) !important; margin-top: 2px !important; letter-spacing: 0.5px !important; }

  

  
  #pi-ge-pi .pi-urgency { display: flex !important; align-items: center !important; gap: 7px !important; padding: 6px 11px !important; background: linear-gradient(95deg, color-mix(in srgb, var(--pi-pop) 10%, #FFF), color-mix(in srgb, var(--pi-pop) 18%, #FFF)) !important; border: 1.5px solid color-mix(in srgb, var(--pi-pop) 35%, transparent) !important; border-radius: 999px !important; margin-bottom: 10px !important; font-size: 11.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.25 !important; animation: pi-urg-pulse 2s ease-in-out infinite !important; }
  #pi-ge-pi .pi-urgency-dot { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--pi-pop) !important; flex-shrink: 0 !important; animation: pi-urg-blink 1.4s ease-in-out infinite !important; box-shadow: 0 0 0 0 color-mix(in srgb, var(--pi-pop) 60%, transparent) !important; }
  #pi-ge-pi .pi-urgency-text { flex: 1 1 auto !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-urgency-text strong { color: var(--pi-pop) !important; }
  #pi-ge-pi .pi-urgency-bar { flex: 0 0 50px !important; height: 4px !important; background: color-mix(in srgb, var(--pi-pop) 18%, #FFF) !important; border-radius: 999px !important; overflow: hidden !important; position: relative !important; }
  #pi-ge-pi .pi-urgency-bar::after { content: '' !important; position: absolute !important; inset: 0 !important; width: var(--pi-urg-pct, 18%) !important; background: var(--pi-pop) !important; border-radius: 999px !important; }
  @keyframes pi-urg-pulse { 0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--pi-pop) 20%, transparent); } 50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--pi-pop) 10%, transparent); } }
  @keyframes pi-urg-blink { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }

  
  #pi-ge-pi .pi-viral-wrap { margin: 6px -4px 10px !important; overflow: hidden !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent) !important; -webkit-mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent) !important; }
  #pi-ge-pi .pi-viral-track { display: flex !important; gap: 8px !important; padding: 4px !important; animation: pi-viral-scroll 22s linear infinite !important; width: max-content !important; }
  #pi-ge-pi .pi-viral-sticker { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 12px !important; border-radius: 999px !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; font-size: 11.5px !important; font-weight: 800 !important; color: var(--pi-title-color) !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; white-space: nowrap !important; flex-shrink: 0 !important; box-shadow: 0 2px 0 0 color-mix(in srgb, var(--pi-title-color) 12%, transparent) !important; }
  #pi-ge-pi .pi-viral-sticker--pop { background: var(--pi-pop) !important; color: #FFF !important; border-color: var(--pi-title-color) !important; box-shadow: 0 2px 0 0 var(--pi-title-color) !important; transform: rotate(-2deg) !important; }
  #pi-ge-pi .pi-viral-sticker--sage { background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; border-color: var(--pi-title-color) !important; box-shadow: 0 2px 0 0 var(--pi-title-color) !important; transform: rotate(1.5deg) !important; }
  #pi-ge-pi .pi-viral-sticker--dark { background: var(--pi-title-color) !important; color: var(--pi-bg) !important; border-color: var(--pi-title-color) !important; box-shadow: 0 2px 0 0 color-mix(in srgb, var(--pi-title-color) 50%, #000) !important; transform: rotate(-1deg) !important; }
  #pi-ge-pi .pi-viral-sticker svg { width: 14px !important; height: 14px !important; flex-shrink: 0 !important; }
  @keyframes pi-viral-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

  
  #pi-ge-pi .pi-pain { margin: 4px 0 12px !important; padding: 12px 14px 11px !important; background: color-mix(in srgb, var(--pi-pop) 6%, #FFF) !important; border: 1.5px solid color-mix(in srgb, var(--pi-pop) 22%, transparent) !important; border-radius: 18px !important; position: relative !important; }
  #pi-ge-pi .pi-pain-heading { display: flex !important; align-items: flex-start !important; gap: 7px !important; margin: 0 0 8px !important; }
  #pi-ge-pi .pi-pain-icon { font-size: 19px !important; line-height: 1 !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-pain-title { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 14.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-pain-title em { font-style: italic !important; color: var(--pi-pop) !important; }
  #pi-ge-pi .pi-pain-list { list-style: none !important; padding: 0 !important; margin: 0 0 8px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; }
  #pi-ge-pi .pi-pain-item { display: flex !important; align-items: center !important; gap: 9px !important; font-size: 12.5px !important; color: var(--pi-desc-color) !important; line-height: 1.3 !important; }
  #pi-ge-pi .pi-pain-item > span:last-child { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; flex: 1 1 auto !important; min-width: 0 !important; }
  #pi-ge-pi .pi-pain-x { flex-shrink: 0 !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: color-mix(in srgb, var(--pi-pop) 18%, #FFF) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-pop) !important; font-weight: 900 !important; font-size: 10px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-pain-solution { display: flex !important; align-items: center !important; gap: 9px !important; padding: 8px 11px !important; background: color-mix(in srgb, var(--pi-btn-bg) 92%, #FFF) !important; border-radius: 12px !important; margin-top: 3px !important; }
  #pi-ge-pi .pi-pain-check { flex-shrink: 0 !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #FFF !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--pi-btn-bg) !important; font-weight: 900 !important; font-size: 11px !important; }
  #pi-ge-pi .pi-pain-solve-text { font-size: 12px !important; font-weight: 700 !important; color: var(--pi-btn-color) !important; line-height: 1.3 !important; }

  
  #pi-ge-pi .pi-usecase-wrap { margin: 4px 0 12px !important; }
  #pi-ge-pi .pi-usecase-heading { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; margin-bottom: 8px !important; text-align: center !important; }
  #pi-ge-pi .pi-usecase-eyebrow { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.2em !important; color: var(--pi-pop) !important; }
  #pi-ge-pi .pi-usecase-title { font-family: 'Recoleta','Fraunces','Playfair Display',ui-serif,Georgia,serif !important; font-size: 16px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; letter-spacing: -0.01em !important; line-height: 1.15 !important; }
  #pi-ge-pi .pi-usecase-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
  @media (max-width: 420px) {
    #pi-ge-pi .pi-usecase-grid { grid-template-columns: repeat(3, 1fr) !important; }
  }
  #pi-ge-pi .pi-usecase-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 10px 6px 9px !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; border-radius: 12px !important; text-align: center !important; transition: transform 0.25s cubic-bezier(0.3, 1.4, 0.5, 1), border-color 0.2s, box-shadow 0.2s !important; }
  #pi-ge-pi .pi-usecase-item:hover { transform: translateY(-2px) rotate(-1deg) !important; border-color: var(--pi-pop) !important; box-shadow: 0 6px 12px -4px color-mix(in srgb, var(--pi-pop) 30%, transparent) !important; }
  #pi-ge-pi .pi-usecase-emoji { font-size: 22px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-usecase-label { font-size: 10.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.2 !important; letter-spacing: -0.005em !important; }

  
  #pi-ge-pi .pi-vs-wrap { margin: 4px 0 12px !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--pi-caramel) 20%, transparent) !important; }
  #pi-ge-pi .pi-vs-heading { padding: 10px 14px 8px !important; text-align: center !important; background: color-mix(in srgb, var(--pi-caramel) 6%, #FFF) !important; border-bottom: 1.5px solid var(--pi-conf-border) !important; }
  #pi-ge-pi .pi-vs-eyebrow { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.2em !important; color: var(--pi-pop) !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-vs-title { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 16px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; letter-spacing: -0.01em !important; line-height: 1.15 !important; }
  #pi-ge-pi .pi-vs-headers { display: grid !important; grid-template-columns: 1fr 72px 72px !important; padding: 8px 12px !important; gap: 6px !important; background: color-mix(in srgb, var(--pi-caramel) 3%, #FFF) !important; border-bottom: 1.5px solid var(--pi-conf-border) !important; }
  @media (max-width: 420px) {
    #pi-ge-pi .pi-vs-headers { grid-template-columns: 1fr 60px 60px !important; }
  }
  #pi-ge-pi .pi-vs-col-us { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 12.5px !important; font-weight: 800 !important; color: var(--pi-btn-bg) !important; text-align: center !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-vs-col-them { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 12.5px !important; font-weight: 600 !important; color: var(--pi-per-unit-color) !important; text-align: center !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-vs-row { display: grid !important; grid-template-columns: 1fr 72px 72px !important; padding: 8px 12px !important; gap: 6px !important; border-bottom: 1px solid color-mix(in srgb, var(--pi-conf-border) 60%, transparent) !important; align-items: center !important; }
  @media (max-width: 420px) {
    #pi-ge-pi .pi-vs-row { grid-template-columns: 1fr 60px 60px !important; }
  }
  #pi-ge-pi .pi-vs-row:last-child { border-bottom: none !important; }
  #pi-ge-pi .pi-vs-feature { font-size: 12px !important; color: var(--pi-desc-color) !important; font-weight: 600 !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-vs-mark { display: flex !important; align-items: center !important; justify-content: center !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; }
  #pi-ge-pi .pi-vs-mark--yes { color: var(--pi-btn-bg) !important; }
  #pi-ge-pi .pi-vs-mark--yes::before { content: '' !important; display: block !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: color-mix(in srgb, var(--pi-btn-bg) 15%, #FFF) !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F6B4C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5 9-10'/></svg>") !important; background-size: 14px !important; background-repeat: no-repeat !important; background-position: center !important; }
  #pi-ge-pi .pi-vs-mark--no { color: var(--pi-per-unit-color) !important; }
  #pi-ge-pi .pi-vs-mark--no::before { content: '' !important; display: block !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: color-mix(in srgb, var(--pi-per-unit-color) 15%, #FFF) !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394817a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 6l12 12M18 6L6 18'/></svg>") !important; background-size: 11px !important; background-repeat: no-repeat !important; background-position: center !important; }

  
  #pi-ge-pi .pi-hiw { margin: 4px 0 12px !important; padding: 11px 10px 10px !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; border-radius: 16px !important; }
  #pi-ge-pi .pi-hiw-heading { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1px !important; margin-bottom: 10px !important; text-align: center !important; }
  #pi-ge-pi .pi-hiw-eyebrow { font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; font-size: 9.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.16em !important; color: var(--pi-pop) !important; }
  #pi-ge-pi .pi-hiw-title { font-family: 'Recoleta','Fraunces','Playfair Display',ui-serif,Georgia,serif !important; font-size: 15px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; letter-spacing: -0.01em !important; line-height: 1.15 !important; }
  
  #pi-ge-pi .pi-hiw-steps { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 4px !important; position: relative !important; padding: 0 !important; }
  
  #pi-ge-pi .pi-hiw-steps::before { content: '' !important; position: absolute !important; left: 22% !important; right: 22% !important; top: 17px !important; height: 2px !important; background-image: linear-gradient(to right, var(--pi-btn-bg) 50%, transparent 50%) !important; background-size: 7px 2px !important; background-repeat: repeat-x !important; opacity: 0.4 !important; z-index: 0 !important; }
  #pi-ge-pi .pi-hiw-step { display: flex !important; flex-direction: column !important; gap: 7px !important; align-items: center !important; position: relative !important; z-index: 1 !important; text-align: center !important; }
  #pi-ge-pi .pi-hiw-num { flex-shrink: 0 !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: var(--pi-btn-bg) !important; color: var(--pi-btn-color) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 14px !important; font-weight: 800 !important; border: 2px solid var(--pi-title-color) !important; box-shadow: 0 2px 0 0 var(--pi-title-color) !important; position: relative !important; z-index: 2 !important; }
  #pi-ge-pi .pi-hiw-num-emoji { font-size: 15px !important; }
  #pi-ge-pi .pi-hiw-body { flex: 1 1 auto !important; min-width: 0 !important; width: 100% !important; padding-top: 0 !important; }
  #pi-ge-pi .pi-hiw-step-title { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 11.5px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; line-height: 1.15 !important; margin-bottom: 2px !important; letter-spacing: -0.005em !important; hyphens: auto !important; -webkit-hyphens: auto !important; }
  #pi-ge-pi .pi-hiw-step-desc { font-size: 10.5px !important; color: var(--pi-desc-color) !important; line-height: 1.25 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; opacity: 0.85 !important; }

  
  #pi-ge-pi .pi-box-wrap { margin: 4px 0 12px !important; padding: 11px 12px 10px !important; background: color-mix(in srgb, var(--pi-caramel) 5%, #FFF) !important; border: 2px dashed var(--pi-conf-border) !important; border-radius: 16px !important; }
  #pi-ge-pi .pi-box-heading { display: flex !important; align-items: center !important; gap: 7px !important; margin-bottom: 8px !important; }
  #pi-ge-pi .pi-box-icon { font-size: 18px !important; line-height: 1 !important; flex-shrink: 0 !important; }
  #pi-ge-pi .pi-box-title { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 14px !important; font-weight: 700 !important; color: var(--pi-title-color) !important; letter-spacing: -0.01em !important; line-height: 1.2 !important; }
  #pi-ge-pi .pi-box-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4px 8px !important; }
  @media (max-width: 380px) { #pi-ge-pi .pi-box-grid { grid-template-columns: 1fr !important; } }
  #pi-ge-pi .pi-box-item { display: flex !important; align-items: center !important; gap: 7px !important; padding: 5px 0 !important; font-size: 12px !important; color: var(--pi-title-color) !important; line-height: 1.25 !important; }
  #pi-ge-pi .pi-box-item-icon { flex-shrink: 0 !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; line-height: 1 !important; }
  #pi-ge-pi .pi-box-item-img { flex-shrink: 0 !important; width: 38px !important; height: 38px !important; border-radius: 9px !important; background: #FFF !important; border: 1.5px solid var(--pi-conf-border) !important; overflow: hidden !important; position: relative !important; }
  #pi-ge-pi .pi-box-item-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  #pi-ge-pi .pi-box-item-name { flex: 1 1 auto !important; font-weight: 600 !important; }
  #pi-ge-pi .pi-box-item-qty { flex-shrink: 0 !important; font-size: 10px !important; font-weight: 800 !important; color: var(--pi-pop) !important; background: color-mix(in srgb, var(--pi-pop) 12%, #FFF) !important; padding: 2px 6px !important; border-radius: 999px !important; letter-spacing: 0.03em !important; }

  
  #pi-ge-pi .pi-countdown { margin: 4px 0 12px !important; padding: 9px 12px !important; background: linear-gradient(135deg, var(--pi-title-color), color-mix(in srgb, var(--pi-title-color) 85%, #000)) !important; border-radius: 14px !important; color: var(--pi-bg) !important; display: flex !important; align-items: center !important; gap: 10px !important; position: relative !important; overflow: hidden !important; }
  #pi-ge-pi .pi-countdown::before { content: '' !important; position: absolute !important; top: -25px !important; right: -25px !important; width: 80px !important; height: 80px !important; border-radius: 50% !important; background: var(--pi-pop) !important; opacity: 0.18 !important; }
  #pi-ge-pi .pi-countdown-icon { font-size: 19px !important; line-height: 1 !important; flex-shrink: 0 !important; z-index: 1 !important; }
  #pi-ge-pi .pi-countdown-text { flex: 1 1 auto !important; min-width: 0 !important; z-index: 1 !important; }
  #pi-ge-pi .pi-countdown-label { font-size: 9.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; opacity: 0.75 !important; line-height: 1 !important; margin-bottom: 2px !important; }
  #pi-ge-pi .pi-countdown-headline { font-family: 'Recoleta','Fraunces',ui-serif,Georgia,serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; }
  #pi-ge-pi .pi-countdown-clock { flex-shrink: 0 !important; display: flex !important; gap: 3px !important; align-items: center !important; font-family: ui-monospace, 'SF Mono', Menlo, monospace !important; z-index: 1 !important; }
  #pi-ge-pi .pi-countdown-unit { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1px !important; background: color-mix(in srgb, var(--pi-bg) 15%, transparent) !important; padding: 4px 6px !important; border-radius: 7px !important; min-width: 30px !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; }
  #pi-ge-pi .pi-countdown-num { font-size: 13.5px !important; font-weight: 800 !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important; }
  #pi-ge-pi .pi-countdown-cap { font-size: 7.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; opacity: 0.7 !important; line-height: 1 !important; }
  #pi-ge-pi .pi-countdown-sep { font-weight: 800 !important; opacity: 0.4 !important; font-size: 13px !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 1 0% !important; min-width: 0 !important; max-width: 100% !important; align-self: flex-start !important; padding: 20px 18px !important; margin-top: 0 !important; overflow: hidden !important; }
    
    
    #pi-ge-pi .pi-info > *,
    #pi-ge-pi .pi-info form > * { max-width: 100% !important; min-width: 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; }
  }