.wb-deckpdp__hero{position:relative;overflow:hidden;min-height:300px;display:flex;align-items:flex-end}.wb-deckpdp__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wb-deckpdp__hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#160d086b,#160d081a 34%,#160d08c7)}.wb-deckpdp__hero-content{position:relative;width:100%;padding-top:96px;padding-bottom:34px}.wb-deckpdp__hero-eyebrow{font-size:11px;letter-spacing:.18em;color:var(--peach)}.wb-deckpdp__hero-title{margin:10px 0 0;max-width:26ch;font-family:var(--font-display);font-size:clamp(30px,4vw,46px);font-weight:450;font-style:normal;line-height:1.06;letter-spacing:-.02em;color:var(--cream);text-shadow:0 2px 22px rgba(22,13,8,.55)}.wb-deckpdp__hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wb-deckpdp__hero-chip{padding:8px 14px;border:1px solid rgba(250,247,242,.32);border-radius:999px;font-size:12px;color:#faf7f2eb;background:#160d0859;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media(min-width:1024px){.wb-deckpdp__hero{min-height:380px}}.wb-product-main--deck .wb-product-main__frame,.wb-product-main--deck .wb-product-main__stage{border-radius:18px;overflow:hidden}.wb-product-main--deck .wb-product-main__thumb{border-radius:10px;overflow:hidden}.wb-product-main__deckmeta{margin:6px 0 0;font-size:14.5px;font-weight:600;color:var(--forest)}.wb-deckpdp__picker{margin:4px 0 18px}.wb-deckpdp__picker-label{margin:16px 0 8px;font-size:10.5px;letter-spacing:.16em;color:#1616168c}.wb-deckpdp__chips{display:flex;flex-wrap:wrap;gap:8px}.wb-deckpdp__chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 14px 6px 6px;border:1px solid rgba(22,22,22,.22);border-radius:999px;background:var(--cream);font-size:13.5px;font-weight:600;color:var(--forest-deep);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.wb-deckpdp__chip:hover{border-color:var(--forest-deep)}.wb-deckpdp__chip.is-active{border-color:var(--forest-deep);background:var(--forest-deep);color:var(--cream)}.wb-deckpdp__chip-img{width:30px;height:30px;border-radius:999px;object-fit:cover;display:block}.wb-deckpdp__chip>span{padding-left:2px}.wb-deckpdp__chip:not(:has(.wb-deckpdp__chip-img)){padding-left:14px}.wb-deckpdp__lengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wb-deckpdp__length{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid rgba(22,22,22,.22);border-radius:12px;background:var(--cream);text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.wb-deckpdp__length:hover{border-color:var(--forest-deep)}.wb-deckpdp__length.is-active{border-color:var(--forest-deep);background:var(--forest-deep)}.wb-deckpdp__length.is-out{opacity:.45;cursor:not-allowed}.wb-deckpdp__length-ft{font-size:16px;font-weight:700;color:var(--forest-deep)}.wb-deckpdp__length.is-active .wb-deckpdp__length-ft{color:var(--cream)}.wb-deckpdp__length-price{font-size:12.5px;color:#16161699}.wb-deckpdp__length.is-active .wb-deckpdp__length-price{color:#faf7f2cc}.wb-product-main--deck-picker [data-wb-deck-selectwrap]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wb-deckpdp__summary{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px;padding:20px 22px;border-radius:14px;background:var(--forest-deep);color:var(--cream)}.wb-deckpdp__summary-eyebrow{display:block;font-size:10px;letter-spacing:.16em;color:var(--peach)}.wb-deckpdp__summary-total{display:block;margin-top:6px;font-family:var(--font-display);font-size:clamp(26px,3vw,34px);font-weight:450;line-height:1;color:var(--cream)}.wb-deckpdp__summary-sub{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.14em;color:#faf7f2b3}.wb-deckpdp__summary-right{display:grid;gap:8px;align-content:center}.wb-deckpdp__summary-point{position:relative;padding-left:22px;font-size:13px;line-height:1.45;color:#faf7f2d9}.wb-deckpdp__summary-point:before{content:"";position:absolute;left:2px;top:6px;width:9px;height:5px;border-left:2px solid var(--peach);border-bottom:2px solid var(--peach);transform:rotate(-45deg)}@media(min-width:640px){.wb-deckpdp__summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/wb-decking-pdp.css.map */