.shop-by-card{position:relative}.shop-by-card .image-container,.shop-by-card img{width:100%;height:auto}.shop-by-card .callout-text-container{top:30px;z-index:1;padding:10px;background-color:#222222;padding-right:30px;padding-left:30px}.shop-by-card .callout-text-container h3{color:#fff;margin:0;font-weight:normal}.shop-by-card .shop-by-text{font-family:var(--skin-body-font);font-size:11px;color:#fff;letter-spacing:1px;text-transform:uppercase;line-height:14px}@media (min-width: 960px){.shop-by-card .shop-by-text{font-size:15px;line-height:20px;letter-spacing:1.36px}}.shop-by-card .shop-by-type{font-family:var(--skin-secondary-header-font);font-size:33px;line-height:44px;letter-spacing:-0.39px;font-style:italic;color:#fff}@media (min-width: 960px){.shop-by-card .shop-by-type{font-size:40px;line-height:54px;letter-spacing:-0.48px}}.shop-by-card div.card.brand-card{margin-bottom:0;text-align:center;min-width:116px;max-width:90%;min-height:116px}@media (min-width: 960px){.shop-by-card div.card.brand-card{min-width:142px;min-height:142px;top:calc(50% - 71px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:unset;right:unset}}.column1 .shop-by-card .card{bottom:15px;left:15px}.column2 .shop-by-card .card{bottom:15px;right:15px}