text/css"> /* --- 1. PST BRAND COLORS --- */ :root { --pst-blue: #005cb9; --pst-gold: #f7941d; } body { font-family: Arial, Helvetica, sans-serif; margin: 0; background-color: #097fbd; color: #333; } #container { max-width: 1200px; margin: 20px auto; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 15px rgba(0,0,0,0.3); } /* --- 2. HEADER --- */ .header-top { padding: 20px; display: flex; justify-content: space-between; align-items: center; background: #fff; } .pst-logo-link { display: block; width: 350px; height: 80px; background: url(https://cdn.shopify.com/s/files/1/0633/1623/0209/files/PST_logo-text-small-black_c74a6764-773f-495a-ac3e-fa25d576170d.png?v=1739218067) no-repeat; background-size: contain; } .tagline { color: var(--pst-gold); font-weight: bold; font-style: italic; font-size: 20px; text-align: right; } .header-nav { background: linear-gradient(to bottom, #3198f2 0%, #005cb9 100%); display: flex; border-top: 1px solid #fff; } .header-nav a { flex: 1; text-align: center; color: #fff; text-decoration: none; font-weight: bold; padding: 12px 0; border-right: 1px solid rgba(255,255,255,0.2); text-transform: uppercase; font-size: 13px; } /* --- 3. THE "DIV-TABLE" FLEX REPAIR --- */ /* This forces the ProductTableRow divs to sit side-by-side */ .description-area .ProductTableRow { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; border-bottom: 1px solid #eee !important; align-items: stretch !important; } /* Kills the
tags that were creating the huge gaps */ .description-area br { display: none !important; } /* Left Column (Labels) */ .description-area .ProductTableCell { width: 35% !important; padding: 10px !important; font-weight: bold !important; color: #444 !important; background-color: #fcfcfc !important; display: block !important; } /* Right Column (Values) */ .description-area .ProductTableCellValue { width: 65% !important; padding: 10px !important; color: #333 !important; display: block !important; } .description-area .ProductTableRow:nth-child(even) { background-color: #f9f9f9 !important; } /* --- 4. LAYOUT & SIDEBARS --- */ .main-layout { display: flex; padding: 15px; gap: 15px; align-items: flex-start; } .left-sidebar { width: 220px; flex-shrink: 0; } .center-col { flex: 1; min-width: 0; } .right-sidebar { width: 180px; flex-shrink: 0; } .gold-header { background: linear-gradient(to bottom, #fdbd42 0%, #f7941d 100%); color: #fff; padding: 10px; font-weight: bold; text-transform: uppercase; border-radius: 4px 4px 0 0; font-size: 13px; } .gold-border-box { border: 1px solid var(--pst-gold); border-top: none; margin-bottom: 20px; } .side-link { display: block; padding: 6px 10px; color: #333; text-decoration: none; border-bottom: 1px solid #eee; font-size: 11px; } .cat-parent { font-weight: bold; background: #f2f2f2; } .cat-sub { padding-left: 15px; color: #666; } .blue-btn { background: linear-gradient(to bottom, #3198f2 0%, #005cb9 100%); color: #fff !important; display: block; text-align: center; padding: 10px; font-weight: bold; text-decoration: none; border-radius: 5px; margin-bottom: 15px; font-size: 13px; } /* --- 5. GALLERY (Crash-Proof) --- */ .gallery-section { text-align: center; margin-bottom: 20px; } .gallery-section input { display: none; } .main-img-holder { width: 100%; height: 450px; display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid #eee; } .main-img-holder img { display: none; max-width: 100%; max-height: 450px; position: absolute; } #img0:checked ~ .main-img-holder #full0, #img1:checked ~ .main-img-holder #full1, #img2:checked ~ .main-img-holder #full2, #img3:checked ~ .main-img-holder #full3 { display: block; } .thumb-row { display: flex; justify-content: center; gap: 5px; margin-top: 10px; } .thumb-row label img { width: 60px; height: 60px; border: 1px solid #ccc; cursor: pointer; object-fit: contain; } /* --- 6. FOOTER & SERVICE ICONS --- */ .footer-main { width: 100%; /* Changed to -75px to pull the hidden icons UP into the box */ background: #097fbd url(https://cdn.shopify.com/s/files/1/0633/1623/0209/files/shared_footer2.jpg?v=1739216817) no-repeat center -75px; background-size: 1200px auto; height: 85px; margin-top: 0; padding: 0; overflow: hidden; display: block; border: none; } /* --- 7. MOBILE RESPONSIVENESS --- */ @media (max-width: 768px) { .gold-border-box { padding: 5px !important; } /* make description wider */ body { background-color: unset !important; } .header-top { flex-direction: column !important; } .pst-logo-link, .tagline { width: 100% !important; } /* Hide the non-essentials */ .header-nav, .left-sidebar, .right-sidebar, .footer-main { display: none !important; } /* Force the container to fill the screen */ #container { width: 100% !important; min-width: 100vw !important; margin: 0 !important; padding: 0 !important; border: none !important; left: 0 !important; position: relative !important; } .main-layout { padding: 10px !important; width: 100% !important; display: block !important; } /* Optimized Mobile Gallery */ .gallery-section { width: 90% !important; /* Your safety fix for the right border */ margin: 0 !important; /* Kept as 0 per your request */ display: block !important; } .main-img-holder:first-of-type { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 300px !important; /* Prevents skyscraper stretch */ border: 1px solid #e5e5e5 !important; overflow: hidden !important; background: #fff; } .main-img-holder img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; /* Keeps product shape perfect */ position: static !important; } /* Your chosen thumbnail class */ .thumb-row { display: flex !important; justify-content: center !important; gap: 14px !important; margin-top: 15px !important; } /* Header/Footer edge-to-edge fixes */ .gold-header { margin: 0 -10px !important; padding: 12px !important; border-radius: 0 !important; } .gold-border-box { margin: 0 -10px 15px -10px !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; } } /* Closing bracket for the Media Query */

Shaft Seal, Pentair, 5/8" Shaft, Buna U109-136SS

Information

SKU: PST-35-102-1407

MPN: U109-136SS

Description

Replace your worn Pentair shaft seal with this 5/8" Buna U109-136SS shaft seal for reliable pump performance. This Pentair U109-136SS seal is designed for 5/8" shafts and features durable Buna construction.