/* Suggestion sections */
.cart-suggestions {
    font-family: Avenir LT W01_85 Heavy1475544;
}
.cart-suggestions-title {
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    font-family: Avenir LT W01_85 Heavy1475544;
}

/* Matched additions cards */
.cart-matched-card {
    padding: 10px 4px 20px;
}

.cart-matched-card--link,
.cart-matched-card--link:hover {
    text-decoration: none;
    color: #141414;
}

.cart-matched-card--img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.cart-matched-card--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 8px;
    object-fit: contain;
}

.cart-matched-card--name {
    font-size: 12px;
    line-height: 17px;
}

/* which cart item this accessory belongs to */
.cart-matched-card--for {
    margin-top: 4px;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
    width: fit-content;
    justify-self: center;
    background: #efefef;
    padding: 4px 6px;
    border-radius: 10px;
}

.cart-matched-card .wic--price,
.cart-matched-card .wic--special {
    margin-top: 4px;
}

.cart-matched-add {
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 14px;
}

/* Popular watches slider */
.cart-popular-slider--container {
    position: relative;
    margin: 15px auto 0;
    width: 83.33333%;
}

.cart-popular-slider--img {
    height: 170px;
}

.cart-popular-slider--img img {
    width: 100%;
    height: 100%;
}

.cart-suggestions-popular .psi-title {
    display: block;
    margin-top: 14px;
    font-size: 12px;
    line-height: 17px;
    font-family: Avenir LT W01_85 Heavy1475544;
}

.cart-suggestions-popular .psi-nav {
    width: 30px;
}
.cart-suggestions-popular .psi-nav_prev {
    left: -25px;
}
.cart-suggestions-popular .psi-nav_next {
    right: -25px;
}
.cart-suggestions-popular .psi-nav svg {
    width: 16px;
    top: 70px;
}

.cart-page .cart-suggestions-section {
    border: 1px solid #d2d2d2;
    padding: 20px 10px;
    margin-top: 32px;
}

.cart-suggestions-section_drawer .cart-popular-slider--img {
    height: 130px;
}

/* Header cart count - large enough to read at a glance */
.header-link_cart { position: relative; }
.header-link_cart .cart-badge { top: -8px; right: -12px; min-width: 20px; height: 20px; padding: 0 5px; font-family: Avenir LT W01_85 Heavy1475544; font-size: 12px; line-height: 20px; text-align: center; border-radius: 10px; }

/* Checkout - the one CTA that should not look like the other (green) buttons */
.btn-checkout, .btn-checkout:focus { color: #fff; background-color: #141414; border-color: #141414; font-family: Avenir LT W01_85 Heavy1475544; letter-spacing: 2px; }
.btn-checkout:before { content: ''; display: inline-block; width: 13px; height: 16px; margin: -3px 10px 0 0; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 16'%3E%3Cpath fill='%23fff' d='M6.5 0A4 4 0 0 0 2.5 4v2.5H1A1 1 0 0 0 0 7.5V15a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V7.5a1 1 0 0 0-1-1h-1.5V4a4 4 0 0 0-4-4zm-2.5 4a2.5 2.5 0 0 1 5 0v2.5H4z'/%3E%3C/svg%3E") no-repeat center / contain; }
.btn-checkout:hover { color: #fff; background-color: #2c5352; border-color: #2c5352; }

/* the drawer's 400px min-width cut its left edge off on phones */
@media (max-width: 499px) {
    .fly-out-cart { width: 100%; min-width: 0; }
}

/* Suggestions sit on a grey ground so they read as "not in your cart yet" */
.fly-out-cart .cart-suggestions:not(:empty) { background-color: #f2f2f2; border-color: #f2f2f2; }
.fly-out-cart .cart-suggestions-section { padding: 24px 20px; }
.cart-suggestions .cart-matched-card, .cart-suggestions .product-slide-item { background-color: #fff; }
.cart-suggestions .product-slide-item { padding-bottom: 12px; }

/* Cart page on mobile: items, summary + checkout, help, suggestions, then the coupon last */
@media (max-width: 991px) {
    .cart-layout-main, .cart-layout-side { display: contents; }

    .cart-layout > div > div { width: 100%; padding-left: 15px; padding-right: 15px; }
    .cart-layout-items { order: 1; }
    .cart-layout-summary { order: 2; }
    .cart-layout-modules { order: 3; margin-top: 32px !important; }
    .cart-layout-help { order: 3; }
    .cart-layout-suggestions { order: 4; }
}

@media (max-width: 767px) {
    .cart-suggestions-section { padding: 20px 0 10px; }
    .cart-suggestions-section_drawer { padding-left: 20px; padding-right: 20px; }
    .cart-popular-slider--container { width: 80%; }
    .cart-popular-slider--img { height: 140px; }
}