Explore The North Whale
Shop Collections
Featured Collection
/* =========================================
NORTH WHALE — QUICK ADD ALIGNMENT
========================================= */
/* Make every product card stretch */
.main-collection-grid product-card,
#ResultsList product-card {
position: relative !important;
height: 100% !important;
min-height: 100% !important;
display: flex !important;
flex-direction: column !important;
}
/* Product card content */
.main-collection-grid product-card .product-card__content,
#ResultsList product-card .product-card__content {
position: relative !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-height: 170px !important;
box-sizing: border-box !important;
}
/* Quick Add */
.main-collection-grid product-card .nw-quick-add-component,
#ResultsList product-card .nw-quick-add-component {
width: 100% !important;
margin-top: auto !important;
padding-top: 12px !important;
box-sizing: border-box !important;
}
/* Button */
.main-collection-grid product-card .nw-quick-add-button,
#ResultsList product-card .nw-quick-add-button {
width: 100% !important;
height: 36px !important;
min-height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
/* =========================================
MOBILE
========================================= */
@media screen and (max-width: 749px) {
.main-collection-grid product-card,
#ResultsList product-card {
height: 100% !important;
}
.main-collection-grid product-card .product-card__content,
#ResultsList product-card .product-card__content {
min-height: 145px !important;
}
.main-collection-grid product-card .nw-quick-add-component,
#ResultsList product-card .nw-quick-add-component {
padding-top: 8px !important;
}
.main-collection-grid product-card .nw-quick-add-button,
#ResultsList product-card .nw-quick-add-button {
height: 34px !important;
min-height: 34px !important;
font-size: 11px !important;
}
}
