.vessel-hat-promo{margin-block:20px;padding:20px;border:1px solid #dedede;background:#fff;color:#24272a;font-family:var(--vessel-font-body, var(--text-font-family));text-align:start}.vessel-standard-pdp .product-info>.vessel-hat-promo{order:67;margin-block-start:24px}.vessel-hat-promo__intro{display:grid;gap:6px}.vessel-hat-promo p{margin:0}.vessel-hat-promo__heading{font-family:var(--vessel-font-product-name, var(--heading-font-family));font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.025em}.vessel-hat-promo__body,.vessel-hat-promo__colour-heading,.vessel-hat-promo__colour{font-size:14px;line-height:1.4}.vessel-hat-promo__colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0 0 16px;padding:0;border:0}.vessel-hat-promo .vessel-hat-promo__colour-heading{margin-block:16px 10px;font-weight:600}.vessel-hat-promo__hat{display:grid;justify-items:center;gap:8px;min-width:0;margin:0;padding:10px 8px;border:1px solid #dedede;border-radius:0;background:#fff}.vessel-hat-promo__hat .vessel-hat-promo__image{display:block;width:100%;height:120px;margin:0;object-fit:contain}.vessel-hat-promo__colour{font-weight:600}.vessel-hat-promo .vessel-hat-promo__terms,.vessel-hat-promo .vessel-hat-promo__preview{font-size:12px;line-height:1.5}.vessel-hat-promo .vessel-hat-promo__preview{margin-block-end:12px;padding-block-end:12px;border-block-end:1px solid #dedede;font-weight:600}.vessel-hat-promo-card{display:block;color:#24272a;font-family:var(--vessel-font-body, var(--text-font-family));font-size:12px;font-weight:600;line-height:1.4}.vessel-hat-promo-announcement{text-decoration:none}.vessel-hat-promo-announcement:hover{text-decoration:underline;text-underline-offset:.2em}.vessel-hat-promo-announcement--standalone{display:block;padding-block:8px;text-align:center}@media screen and (max-width:699px){.vessel-hat-promo{padding:16px}.vessel-hat-promo__heading{font-size:18px}.vessel-hat-promo__hat .vessel-hat-promo__image{height:104px}}@media screen and (max-width:359px){.vessel-announcement-split__message .vessel-hat-promo-announcement{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/vessel-hat-promo.css.map */