/* Re-Supply Co product detail page (2026-11-12). Supplier catalog layout: gallery + buy box, sticky section bar, collapsible detail panels. */
.pdp-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.pdp-crumbs{border-bottom:1px solid #e7e1d6;background:#fff;font-size:13px;color:#6b6862}
.pdp-crumbs .pdp-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}
.pdp-crumbs a{color:#2F5249;text-decoration:none}.pdp-crumbs a:hover{text-decoration:underline}
.pdp-crumbs [aria-current]{color:#1E2B2F}
.pdp-top{display:grid;gap:28px;padding-top:28px;padding-bottom:36px}
@media(min-width:960px){.pdp-top{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;padding-top:36px;padding-bottom:56px;align-items:start}}
/* gallery */
.pdp-gal{display:grid;gap:12px}
@media(min-width:960px){.pdp-gal{grid-template-columns:76px 1fr;position:sticky;top:16px}.pdp-gal .pdp-thumbs{order:-1;flex-direction:column}.pdp-gal .pdp-fine{grid-column:2}}
.pdp-main{background:#F4F2EE;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pdp-main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdp-thumbs{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow-x:auto}
.pdp-thumbs button{display:block;width:68px;height:68px;padding:0;background:#F4F2EE;border:1px solid transparent;cursor:pointer;flex:none}
.pdp-thumbs button[aria-current=true]{border-color:#1E2B2F}
.pdp-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdp-fine{font-size:12px;color:#6b6862;line-height:1.5;margin-top:10px}
/* buy box */
.pdp-brand{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1E2B2F;margin:0}
.pdp-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,2.6vw,2.4rem);line-height:1.14;letter-spacing:-.015em;color:#1E2B2F;margin:8px 0 0}
.pdp-ids{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13.5px;color:#55524d;margin:12px 0 0}
.pdp-ids b{color:#1E2B2F;font-weight:600}
.pdp-cond{border:1px solid #2F5249;color:#2F5249;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px}
.pdp-coll{font-size:14px;color:#55524d;margin:8px 0 0}.pdp-coll b{color:#1E2B2F;font-weight:600}
.pdp-price{display:flex;align-items:baseline;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid #1E2B2F}
.pdp-now{font-size:34px;font-weight:600;letter-spacing:-.02em;color:#1E2B2F;line-height:1}
.pdp-was{font-size:14px;color:#6b6862}
.pdp-stock{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;margin:12px 0 0;color:#1E2B2F}
.pdp-stock i{width:9px;height:9px;border-radius:50%;background:#2E8B57;display:inline-block}
.pdp-stock.out i{background:#a33}.pdp-stock span{font-weight:400;color:#55524d}
.pdp-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#55524d;margin:0}
.pdp-lbl b{color:#1E2B2F;letter-spacing:0;text-transform:none;font-size:14px;margin-left:4px}
.pdp-opts{margin-top:20px}.pdp-opts>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pdp-opt{display:flex;flex-direction:column;gap:2px;padding:9px 14px;border:1px solid #c9c0b2;background:#fff;color:#1E2B2F;text-decoration:none;font-size:14px;font-weight:600}
.pdp-opt small{font-weight:400;font-size:12.5px;color:#55524d}
.pdp-opt[aria-current=true]{border:2px solid #1E2B2F;padding:8px 13px}.pdp-opt.off{opacity:.5}
.pdp-cta{margin-top:22px}.pdp-row{display:flex;gap:10px;align-items:stretch}
.pdp-qty{display:flex;align-items:center;border:1px solid #1E2B2F;background:#fff}
.pdp-qty button{width:44px;height:100%;min-height:50px;border:0;background:none;font-size:20px;cursor:pointer;color:#1E2B2F}
.pdp-qty button:disabled{opacity:.3;cursor:default}.pdp-qty span{min-width:30px;text-align:center;font-weight:600;font-size:16px}
.pdp-btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid #2F5249;font-family:inherit;border-radius:0}
.pdp-btn.pri{flex:1;background:#2F5249;color:#fff}.pdp-btn.pri:hover{background:#223D36}
.pdp-btn.sec{margin-top:10px;background:#fff;color:#2F5249}.pdp-btn.sec:hover{background:#eef2ef}
.pdp-btn.sm{min-height:42px;font-size:14.5px;flex:none}
.pdp-facts{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid #e0d9cc}
.pdp-facts li{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e0d9cc;color:#2F5249}
.pdp-facts svg{flex:none;margin-top:2px}.pdp-facts div{display:flex;flex-direction:column;gap:1px;font-size:14px;color:#55524d;line-height:1.45}
.pdp-facts b{color:#1E2B2F;font-weight:600}.pdp-facts a,.pdp-ship a{color:#2F5249;text-decoration:underline}
.pdp-glance{margin-top:22px}.pdp-glance dl,.pdp-ovside dl{margin:10px 0 0}
.pdp-glance dl>div,.pdp-ovside dl>div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #ece6db;font-size:14px}
.pdp-glance dt,.pdp-ovside dt{color:#55524d}.pdp-glance dd,.pdp-ovside dd{margin:0;color:#1E2B2F;font-weight:500}
.pdp-sheet{display:flex;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;border:1px solid #c9c0b2;background:#fff;color:#2F5249;text-decoration:none}
.pdp-sheet:hover{border-color:#2F5249}.pdp-sheet span{display:flex;flex-direction:column;font-size:14.5px;color:#1E2B2F}.pdp-sheet small{font-size:12px;color:#6b6862}
/* section bar */
.pdp-tabs{position:sticky;top:0;z-index:30;background:#fff;border-top:1px solid #e0d9cc;border-bottom:1px solid #e0d9cc}
.pdp-tabs.stuck{box-shadow:0 4px 14px rgba(30,43,47,.08)}
.pdp-tabs .pdp-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pdp-tabs nav{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.pdp-tabs nav a{padding:16px 0;font-size:14.5px;font-weight:600;color:#1E2B2F;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.pdp-tabs nav a:hover{border-bottom-color:#2F5249}
.pdp-tabbuy{display:none;align-items:center;gap:14px;flex:none}.pdp-tabbuy b{font-size:18px}
@media(min-width:960px){.pdp-tabbuy{display:flex}}
/* panels */
.pdp-body{padding-top:28px;padding-bottom:56px;max-width:1120px}
.pdp-panel{border-bottom:1px solid #1E2B2F;scroll-margin-top:64px}
.pdp-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;cursor:pointer;list-style:none}
.pdp-panel>summary::-webkit-details-marker{display:none}
.pdp-panel>summary h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2vw,1.65rem);letter-spacing:-.01em;color:#1E2B2F;margin:0}
.pdp-panel>summary:after{content:"+";font-size:28px;font-weight:300;line-height:1;color:#1E2B2F}
.pdp-panel[open]>summary:after{content:"\2212"}
.pdp-panel-b{padding:2px 0 30px;font-size:15.5px;line-height:1.65;color:#3b3f40}
.pdp-panel-b p{margin:0 0 12px}
.pdp-ov{display:grid;gap:28px}@media(min-width:860px){.pdp-ov{grid-template-columns:1.5fr 1fr;gap:56px}}
.pdp-dealer{font-size:13px;color:#6b6862}
.pdp-feat{list-style:none;margin:0;padding:0;display:grid;gap:10px 40px}@media(min-width:860px){.pdp-feat{grid-template-columns:1fr 1fr}}
.pdp-feat li{display:flex;gap:10px;align-items:flex-start}.pdp-feat svg{flex:none;margin-top:5px;color:#2F5249}
.pdp-specs{display:grid;gap:28px 56px}@media(min-width:860px){.pdp-specs{grid-template-columns:1fr 1fr}}
.pdp-specs table{width:100%;border-collapse:collapse;font-size:14.5px;align-self:start}
.pdp-specs caption{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1E2B2F;padding:0 0 8px;border-bottom:1px solid #1E2B2F}
.pdp-specs th,.pdp-specs td{padding:9px 0;border-bottom:1px solid #ece6db;text-align:left;vertical-align:top;line-height:1.45}
.pdp-specs th{width:46%;font-weight:400;color:#55524d;padding-right:14px}.pdp-specs td{color:#1E2B2F;font-weight:500}
.pdp-res{list-style:none;margin:0;padding:0;display:grid;gap:10px}@media(min-width:700px){.pdp-res{grid-template-columns:1fr 1fr}}
.pdp-res a{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid #c9c0b2;background:#fff;color:#2F5249;text-decoration:none}
.pdp-res a:hover{border-color:#2F5249}.pdp-res span{flex:1;display:flex;flex-direction:column;color:#1E2B2F;font-size:15px;line-height:1.35}.pdp-res small{font-size:12.5px;color:#6b6862}
.pdp-ship{display:grid;gap:22px}@media(min-width:860px){.pdp-ship{grid-template-columns:repeat(3,1fr);gap:40px}}
.pdp-ship h3{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1E2B2F;margin:0 0 8px}
.pdp-q{max-width:640px}
.pdp-rel{background:#F2EDE5;padding:48px 0 64px}
.pdp-rel h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0 0 22px;color:#1E2B2F}
.pdp-relgrid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:960px){.pdp-relgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pdp-mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-top:1px solid #d9d2c5;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.pdp-mbar>div{display:flex;flex-direction:column;flex:none;margin-right:4px}.pdp-mbar b{font-size:18px}.pdp-mbar small{font-size:11.5px;color:#55524d}
.pdp-mbar .pdp-btn{flex:1;min-height:46px;margin:0;padding:0 8px;font-size:14.5px}
@media(min-width:960px){.pdp-mbar{display:none}}@media(max-width:959px){.pdp-rel{padding-bottom:110px}}