/* PicPanels bundle comparison landing page. Style aligned to existing light storefront. */
body.pp-bundles-route{background:#fff;color:#0b1630}
body.pp-bundles-route .pp-site-header,body.pp-bundles-route .pp-site-header.is-scrolled{
  position:relative;inset:auto;margin:0;width:100%;max-width:none;padding:0;border:0;
  border-bottom:1px solid #e7eaf0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none
}
body.pp-bundles-route .pp-site-header__inner{min-height:64px;border:0;border-radius:0;background:transparent;box-shadow:none}
body.pp-bundles-route .pp-site-header .pp-wordmark,body.pp-bundles-route .pp-site-header .pp-nav__list a{color:#0b1630}
body.pp-bundles-route .pp-icon-link svg,body.pp-bundles-route .pp-header-search svg{stroke:#0b1630}
body.pp-bundles-route .pp-menu-toggle span{background:#0b1630}
body.pp-bundles-route .pp-mobile-menu{background:#fff;border-top:1px solid #e7eaf0}
body.pp-bundles-route .pp-mobile-menu .pp-nav__list a{color:#0b1630}
body.pp-bundles-route .pp-header-search{border:1px solid #dfe4ec;background:#fbfcfe;backdrop-filter:none}
body.pp-bundles-route .pp-header-search input{color:#0b1630}
body.pp-bundles-route .pp-header-search input::placeholder{color:#7e889a;opacity:1}
body.pp-bundles-route .pp-header-search button{background:transparent}
.pp-bundles{font-family:Inter,Arial,Helvetica,sans-serif;color:#0b1630;min-height:75vh}
.pp-bundles *,.pp-bundles *::before,.pp-bundles *::after{box-sizing:border-box}
.pp-bundles__shell{width:min(calc(100% - 48px),1248px);margin-inline:auto}
.pp-bundles__hero{background:#f8f7f3;padding:0;border-bottom:1px solid #e9e7e2;overflow:hidden}
.pp-bundles__hero-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:center;min-height:clamp(440px,38vw,590px)}
.pp-bundles__breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#68778a;font-size:12px;font-weight:650;margin-bottom:38px}
.pp-bundles__hero-copy{position:relative;z-index:2;grid-column:1 / 2;padding:40px 18px 42px 0;min-width:0}
.pp-bundles__breadcrumbs a{color:#68778a;text-decoration:none}
.pp-bundles__breadcrumbs a:hover{color:#ff642f}
.pp-bundles__eyebrow{display:block;color:#eb5c26;font-size:11px;font-weight:850;letter-spacing:.12em;margin-bottom:10px}
.pp-bundles__hero h1{margin:0;font-size:clamp(40px,4.5vw,64px);font-weight:850;letter-spacing:-.052em;line-height:1.05}
.pp-bundles__hero-copy>p{max-width:610px;color:#58677c;line-height:1.65;font-size:16px;margin:20px 0 22px}
.pp-bundles__benefits{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:8px;color:#22344e;font-size:12px;font-weight:750}
.pp-bundles__benefits>span span{color:#188243;margin-right:4px}
.pp-bundles__primary{display:inline-flex;align-items:center;gap:16px;margin-top:28px;border-radius:8px;background:#ff642f;color:#fff!important;padding:15px 22px;font-size:14px;font-weight:800;text-decoration:none}
.pp-bundles__primary:hover{background:#e85725}
/* Extend the photo past the 1248px text shell to the right edge of the viewport. */
.pp-bundles__hero-visual{position:absolute;z-index:1;inset:0 calc(50% - 50vw) 0 37%;display:block;overflow:hidden;border-radius:0;background:#eae9e4}
.pp-bundles__hero-visual img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:54% center;transform:none}
.pp-bundles__hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f8f7f3 0%,rgba(248,247,243,.99) 5%,rgba(248,247,243,.91) 17%,rgba(248,247,243,.70) 29%,rgba(248,247,243,.30) 44%,rgba(248,247,243,0) 62%)}
.pp-bundles__browse{padding:54px 0 66px}
.pp-bundles__intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.pp-bundles__intro h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.13;margin:0}
.pp-bundles__intro p{margin:10px 0 0;max-width:730px;font-size:14px;line-height:1.6;color:#627088}
.pp-bundles__legend{flex:none;color:#607087;font-size:12px;font-weight:700}
.pp-bundles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pp-bundles__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e2e6ed;border-radius:12px;background:#fff;box-shadow:0 5px 15px rgba(16,32,56,.035)}
.pp-bundles__card-image{position:relative;display:grid;place-items:center;aspect-ratio:1.65;background:#f1f2f2;overflow:hidden}
.pp-bundles__card-image img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--pp-bundle-scale,1));transform-origin:center}
.pp-bundles__size-chip{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);padding:6px 10px;border-radius:6px;font-size:12px;font-weight:800}
.pp-bundles__card-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:18px 18px 12px}
.pp-bundles__card-heading h3{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.026em}
.pp-bundles__card-heading p{margin:5px 0 0;color:#61718a;font-size:12px}
.pp-bundles__card-heading p strong{color:#111d37}
.pp-bundles__popular{background:#e8f1ff;color:#0868f7;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:800}
.pp-bundles__pack-list{display:flex;flex-direction:column;gap:7px;padding:0 14px 16px}
.pp-bundles__pack{display:grid;grid-template-columns:minmax(82px,.68fr) minmax(0,1.4fr) 22px;align-items:center;min-height:68px;gap:6px;padding:10px;border-radius:8px;border:1px solid #e7eaf0;color:#17243d!important;text-decoration:none;background:#fff;transition:border-color .15s,background .15s}
.pp-bundles__pack:hover,.pp-bundles__pack:focus-visible{border-color:#ff642f;background:#fff8f4;outline:none}
.pp-bundles__pack--featured{background:#f7faff;border-color:#bed6ff}
.pp-bundles__pack-count{font-size:13px;font-weight:800}
.pp-bundles__pack-count small{display:block;font-size:10px;color:#0868f7;margin-top:3px}
.pp-bundles__pack-cost{text-align:right;min-width:0}
.pp-bundles__pack-cost strong{font-size:18px;font-weight:850;display:block;line-height:1.15;color:#0b1630}
.pp-bundles__pack-cost strong .woocommerce-Price-amount,.pp-bundles__pack-cost small .woocommerce-Price-amount{font:inherit}
.pp-bundles__pack-cost small{display:block;margin-top:4px;font-size:10px;color:#637088;white-space:normal;line-height:1.25}
.pp-bundles__pack-arrow{color:#f2632e;font-size:19px;font-weight:700;text-align:right}
.pp-bundles__empty{text-align:center;background:#f7f8fa;padding:40px 18px;border-radius:10px}
.pp-bundles__empty h3{margin:0}.pp-bundles__empty p{color:#607087}
.pp-bundles__how{background:#f8f7f3;padding:52px 0 55px}
.pp-bundles__how h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;margin:0 0 22px}
.pp-bundles__how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pp-bundles__how-grid>div{padding:22px;border:1px solid #e8e6e1;border-radius:11px;background:#fff}
.pp-bundles__how-grid b{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf0f6;color:#142642;font-size:12px;margin-bottom:13px}
.pp-bundles__how-grid strong{display:block;font-size:17px;line-height:1.2}
.pp-bundles__how-grid p{color:#67758b;font-size:13px;line-height:1.6;margin:9px 0 0}
.pp-bundles__shipping{color:#758096;font-size:12px;line-height:1.6;margin:18px 0 0}
@media(max-width:1060px){
  .pp-bundles__hero-layout{min-height:440px}
  .pp-bundles__hero-copy{padding:32px 10px 32px 0}
  .pp-bundles__hero-visual{left:39%}
  .pp-bundles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:740px){
  .pp-bundles__shell{width:calc(100% - 28px)}
  .pp-bundles__hero{padding:18px 0 24px}
  .pp-bundles__hero-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch;min-height:0}
  .pp-bundles__hero-copy{padding:0;width:100%}
  .pp-bundles__hero h1{font-size:clamp(32px,8.3vw,38px)}
  .pp-bundles__breadcrumbs{margin-bottom:20px}
  .pp-bundles__hero-copy>p{font-size:14px}
  .pp-bundles__hero-visual{position:relative;inset:auto;width:100%;min-height:0;aspect-ratio:16/9;border-radius:14px}
  .pp-bundles__hero-visual img{object-position:50% center}
  .pp-bundles__hero-visual::after{background:linear-gradient(180deg,rgba(248,247,243,.48),rgba(248,247,243,0) 22%)}
  .pp-bundles__browse{padding:32px 0 43px}
  .pp-bundles__intro{align-items:start;flex-direction:column;gap:12px;margin-bottom:21px}
  .pp-bundles__grid{gap:12px}
  .pp-bundles__how{padding:35px 0}
  .pp-bundles__how-grid{grid-template-columns:1fr}
}
@media(max-width:550px){
  .pp-bundles__grid{grid-template-columns:1fr}
  .pp-bundles__hero-visual{aspect-ratio:4/3}
  .pp-bundles__hero-visual img{object-position:60% center}
  .pp-bundles__card-image{aspect-ratio:1.85}
  .pp-bundles__card-heading h3{font-size:21px}
  .pp-bundles__pack-list{padding:0 12px 14px}
  .pp-bundles__pack{min-height:61px;grid-template-columns:minmax(76px,.75fr) minmax(0,1.5fr) 24px}
  .pp-bundles__pack-cost strong{font-size:17px}
}


/* Preserve the existing foam mockup layout until the uploaded photo asset is installed. */
.pp-bundles__hero--fallback{padding:34px 0 44px}
.pp-bundles__hero--fallback .pp-bundles__hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;min-height:0;align-items:center}
.pp-bundles__hero--fallback .pp-bundles__hero-copy{padding:0}
.pp-bundles__hero--fallback .pp-bundles__hero-visual{position:relative;inset:auto;display:grid;place-items:center;min-height:290px;border-radius:16px;background:#eae9e4}
.pp-bundles__hero--fallback .pp-bundles__hero-image{max-height:405px;object-fit:contain;transform:scale(1.12)}
.pp-bundles__hero--fallback .pp-bundles__hero-visual::after{display:none}
@media(max-width:1060px){.pp-bundles__hero--fallback .pp-bundles__hero-layout{gap:28px}}
@media(max-width:740px){
  .pp-bundles__hero--fallback{padding:22px 0 26px}
  .pp-bundles__hero--fallback .pp-bundles__hero-layout{display:grid;grid-template-columns:1fr;gap:24px}
  .pp-bundles__hero--fallback .pp-bundles__hero-visual{min-height:0;aspect-ratio:1.8}
  .pp-bundles__hero--fallback .pp-bundles__hero-image{transform:scale(1.08)}
}