﻿.no-location .shop-default-prices {
    display: none;
}

.no-location .blue-col .blue-col-content {
    padding-bottom: 10px; /* was 40px */
}

.no-location .shop-select {
    margin-bottom: 0;
}

/* 1) All shop tables use the same fixed layout */
.shop-table {
    width: 100%;
    table-layout: fixed;
}

/* Shared column widths (tune as needed) */
:root {
    --col-name: 46%;
    --col-variant: 17%; /* months dropdown / empty */
    --col-gift: 20%;
    --col-qty: 15%;
    --col-add: 8%;
    --col-pad: 7%; /* filler to keep totals at 100% */

    /* for second section of the table*/
    --col-name2: 12%;
    --col-variant2: 7%;
    --col-gift2: 8%;
    --col-qty2: 7.5%;
    --col-add2: 7%;
    --col-pad2: 3%;
    /* for third section of the table*/
    --col-name3: 28%;
    --col-variant3: 13%;
    --col-gift3: 23%;
    --col-qty3: 17%;
    --col-add3: 16.5%;
    --col-pad3: 7%;
}

/* 2) Map each table’s column index to the shared template  */
/* PRICING TABLE has: Name | Months | Gift | Qty | Add | (pad) */
.pricing-table.shop-table th:nth-child(1),
.pricing-table.shop-table td:nth-child(1) {
    width: var(--col-name);
}

.pricing-table.shop-table th:nth-child(2),
.pricing-table.shop-table td:nth-child(2) {
    width: var(--col-variant);
}

.pricing-table.shop-table th:nth-child(3),
.pricing-table.shop-table td:nth-child(3) {
    width: var(--col-gift);
}

.pricing-table.shop-table th:nth-child(4)
 {
    width: var(--col-qty);
}
    .pricing-table.shop-table td:nth-child(4){
        padding-left: 1.4em;
    }
    .pricing-table.shop-table th:nth-child(5),
    .pricing-table.shop-table td:nth-child(5) {
        width: var(--col-add);
    }

.pricing-table.shop-table th:nth-child(6),
.pricing-table.shop-table td:nth-child(6) {
    width: var(--col-pad);
}

/* BOOK TABLE has: Name | Gift | Member(5%) | Member(10%) | Qty | Add
   -> Map so that Gift aligns to the same slot as PRICING’s Gift (col 3) */
.book-table.shop-table th:nth-child(1),
.book-table.shop-table td:nth-child(1) {
    width: var(--col-name2);
}
/* Put a dummy “variant” width before Gift to keep Gift at col 3 visually */
.book-table.shop-table th:nth-child(2),
.book-table.shop-table td:nth-child(2) {
    width: var(--col-variant2);
}
/* will hold Gift header/cell */
.book-table.shop-table th:nth-child(3),
.book-table.shop-table td:nth-child(3) {
    width: var(--col-gift2);
}
/* move Gift content here if you prefer; or keep (2) and swap next two, see note below */
.book-table.shop-table th:nth-child(4), .book-table.shop-table td:nth-child(4) {
    width: calc(var(--col-qty2));
}

    /* Member price A – borrow qty width */
    .book-table.shop-table th:nth-child(5) {
        width: calc(var(--col-add2));
    }
        .book-table.shop-table td:nth-child(5)
        {
            padding-left: 1.8em;
        }
        /* Member price B – borrow remaining */
        .book-table.shop-table th:nth-child(6),
        .book-table.shop-table td:nth-child(6) {
            width: var(--col-qty2);
        }
/* Qty column lines up with PRICING */
.book-table.shop-table td:last-child,
.book-table.shop-table th:last-child {
    width: var(--col-pad2);
}
/* Add button lines up */

/* GC TABLE has: Name | (empty) | Gift | Qty | Add | (pad) */
.gc-table.shop-table th:nth-child(1),
.gc-table.shop-table td:nth-child(1) {
    width: var(--col-name3);
}

.gc-table.shop-table th:nth-child(2),
.gc-table.shop-table td:nth-child(2) {
    width: var(--col-variant3);
}
/* stays empty to keep alignment */
.gc-table.shop-table th:nth-child(3),
.gc-table.shop-table td:nth-child(3) {
    width: var(--col-gift3);
}

.gc-table.shop-table th:nth-child(4),
.gc-table.shop-table td:nth-child(4) {
    width: var(--col-qty3);
}

.gc-table.shop-table th:nth-child(5) {
    width: var(--col-add3);
}
    .gc-table.shop-table td:nth-child(5){
        padding-left:2.2em;
    }
    .gc-table.shop-table th:nth-child(6),
    .gc-table.shop-table td:nth-child(6) {
        width: var(--col-pad3);
    }

/* Make sure the Add column content is centered consistently */
.shop-table td:nth-child(5) .cart-button,
.shop-table td:nth-child(5) input[type=submit] {
    display: inline-block;
    text-align: center;
}
.screen a {
    display: contents;
    text-decoration: none;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

    .container-center-horizontal > * {
        flex-shrink: 0;
        pointer-events: auto;
    }

* {
    box-sizing: border-box;
}
/* screen - web-1920-1 */

{
    align-items: flex-end;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 3693px;
    overflow: hidden;
    width: 1920px;
}

.flex-col {
    flex-direction: column;
    margin-right: -393.81px;
    margin-top: -5px;
    min-height: 3160px;
    width: 2581px;
}

.flex-col-1 {
    align-items: center;
    min-height: 2533px;
    width: 2581px;
}

.screenshot-2023-10-12-at-105903-am {
    height: 203px;
    object-fit: cover;
    width: 2581px;
}

.wtr-0114-2023-holida {
    height: 543px;
    margin-right: 126.81px;
    object-fit: cover;
    width: 1420px;
}

.group-container {
    align-items: flex-end;
    display: flex;
    gap: 50px;

    min-width: 1420px;
}

.group-70 {
    height: 433px;
    object-fit: cover;
    width: 440px;
}

.group-74 {
    height: 438px;
    object-fit: cover;
    width: 440px;
}

.group-67 {
    height: 438px;
    object-fit: cover;
    width: 440px;
}

/*    .overlap-group2 {
        height: 438px;
        position: relative;
        width: 440px;
    }

    .rectangle-10 {
        height: 380px;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 58px;
        width: 440px;
    }

    .single-wash-gift-cer {
        height: 134px;
        left: 49px;
        object-fit: cover;
        position: absolute;
        top: 157px;
        width: 349px;
    }
*/

.single-wash-gift-cer {
    height: 438px;
    object-fit: cover;
    width: 440px;
}


/* 
    .wtr-coupon-wash-books-mockup-fnl {
        height: 116px;
        left: 98px;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 244px;
    }*/

.flex-col-2 {
    align-items: center;
    margin-right: 126.81px;
    min-height: 1213px;
    width: 1420px;
}

.we-make-holiday-shopping-easy {
    height: 68px;
    margin-right: 3.0px;
    object-fit: cover;
    width: 1183px;
}

.group-75 {
    align-self: flex-start;
    height: 225px;
    margin-left: 120px;
    margin-top: 15px;
    object-fit: cover;
    width: 918px;
}

.group-44 {
    height: 227px;
    margin-top: 81px;
    object-fit: cover;
    width: 1420px;
}

.flex-row {
    gap: 102px;
    margin-left: 28.0px;
    margin-top: 88px;
    min-width: 1210px;
}

.are-you-a-memberblue {
    height: 140px;
    margin-top: 7.0px;
    object-fit: cover;
    width: 555px;
}

.group-64 {
    height: 257px;
    object-fit: cover;
    width: 553px;
}

.gift-pricing {
    height: 68px;
    margin-right: 2.0px;
    margin-top: 78px;
    object-fit: cover;
    width: 1182px;
}

.overlap-group3 {
    align-items: center;
    background-image: url(../img/path-1@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    height: 81px;
    justify-content: flex-end;
    margin-top: 25px;
    min-width: 1420px;
    padding: 0 67px;
}

.clean-car-club-memberships {
    align-self: flex-end;
    height: 74px;
    object-fit: cover;
    width: 488px;
}

.months1-3-or-12 {
    height: 62px;
    margin-bottom: 1.0px;
    margin-left: 148px;
    object-fit: cover;
    width: 192px;
}

.overlap-group7 {
    height: 62px;
    margin-bottom: 1.0px;
    margin-left: 39px;
    position: relative;
    width: 366px;
}

.quantityof-each {
    height: 59px;
    left: 174px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 192px;
}

.gift-price {
    height: 62px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 192px;
}

.flex-row-1 {
    height: 207px;
    margin-right: 126.81px;
    margin-top: 20px;
    min-width: 1180px;
}

.level-clean-car-club {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 202px;
    width: 619px;
}

.level-clean-car-club-item {
    height: 43px;
    object-fit: cover;
    width: 619px;
}

.group-container-1 {
    align-items: flex-start;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-left: 35px;
    min-height: 201px;
    width: 156px;
}

.group {
    height: 42px;
    object-fit: cover;
    width: 156px;
}

.flex-col-3 {
    align-items: flex-start;
    gap: 10px;
    margin-left: 57px;
    min-height: 202px;
    width: 192px;
}

.x0 {
    height: 43px;
    object-fit: cover;
    width: 192px;
}

.quantity-to-cart-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 35px;
    min-height: 204px;
    width: 86px;
}

.quantity-to-cart {
    height: 45px;
    object-fit: cover;
    width: 86px;
}

.flex-col-4 {
    align-items: center;
    margin-right: 126.81px;
    margin-top: 31px;
    min-height: 369px;
    width: 1420px;
}

.overlap-group1 {
    align-items: flex-end;
    background-image: url(../img/path-2@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    height: 81px;
    justify-content: flex-end;
    min-width: 1420px;
    padding: 0 67px;
}

.overlap-group9 {
    height: 74px;
    position: relative;
    width: 631px;
}

.gift-price-1 {
    height: 59px;
    left: 439px;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 192px;
}

.coupon-wash-books {
    height: 50px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 458px;
}

.x1-in-store-3-wash-coupons {
    height: 43px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 31px;
    width: 399px;
}

.blue-member-price-5-off {
    height: 72px;
    margin-left: 1px;
    object-fit: cover;
    width: 200px;
}

.overlap-group8 {
    height: 72px;
    margin-left: 31px;
    position: relative;
    width: 370px;
}

.quantityof-each-1 {
    height: 59px;
    left: 178px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 192px;
}

.circle-member-price-10-off {
    height: 72px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 200px;
}

.flex-row-2 {
    height: 153px;
    margin-left: 4.0px;
    margin-top: 23px;
    min-width: 1184px;
}

.washes-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 151px;
    width: 399px;
}

.express-washes {
    height: 43px;
    object-fit: cover;
    width: 399px;
}

.full-service-washes {
    height: 43px;
    margin-top: 12px;
    object-fit: cover;
    width: 399px;
}

.the-whole-thing-washes {
    margin-top: 10px;
    width: 399px;
}

.flex-col-5 {
    align-items: flex-start;
    margin-left: 40px;
    min-height: 151px;
    width: 192px;
}

.x25 {
    height: 43px;
    object-fit: cover;
    width: 192px;
}

.x70 {
    height: 43px;
    margin-top: 12px;
    object-fit: cover;
    width: 192px;
}

.x125 {
    height: 43px;
    margin-top: 10px;
    object-fit: cover;
    width: 192px;
}

.overlap-group-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: 1px;
    min-height: 153px;
    width: 552px;
}

.overlap-group {
    height: 45px;
    position: relative;
    width: 552px;
}

.x2375 {
    height: 43px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 200px;
}

.x2250 {
    height: 43px;
    left: 176px;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 310px;
}

.quantity-to-cart-1 {
    height: 45px;
    left: 466px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 86px;
}

.overlap-group5 {
    height: 45px;
    margin-top: 10px;
    position: relative;
    width: 552px;
}

.x6650 {
    height: 43px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 200px;
}

.x63 {
    height: 43px;
    left: 176px;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 310px;
}

.overlap-group6 {
    height: 45px;
    margin-top: 8px;
    position: relative;
    width: 552px;
}

.x11875 {
    height: 43px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 200px;
}

.x11250 {
    height: 43px;
    left: 176px;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: 310px;
}

.overlap-group4 {
    align-items: center;
    background-image: url(../img/path-20@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    gap: 364px;
    height: 81px;
    justify-content: flex-end;
    margin-top: 31px;
    min-width: 1420px;
    padding: 0 67px;
}

.single-wash-gift-certificate {
    align-self: flex-end;
    height: 74px;
    object-fit: cover;
    width: 503px;
}

.overlap-group10 {
    height: 59px;
    margin-bottom: 4.0px;
    position: relative;
    width: 366px;
}

.giftprice {
    height: 59px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 192px;
}

.flex-row-3 {
    align-self: center;
    margin-top: 23px;
    min-width: 1180px;
}

.the-whole-thing-wash {
    width: 550px;
}

.x35 {
    height: 43px;
    margin-left: 317px;
    object-fit: cover;
    width: 192px;
}

.quantity-to-cart-2 {
    height: 45px;
    margin-left: 35px;
    object-fit: cover;
    width: 86px;
}

.group-102 {
    height: 50px;
    margin-right: 370.0px;
    margin-top: 31px;
    object-fit: cover;
    width: 223px;
}

.group-101 {
    align-self: center;
    height: 302px;
    margin-top: 87px;
    object-fit: cover;
    width: 1420px;
}

.flex {
    align-items: center;
    display: flex;
}

.flex-col-6 {
    display: flex;
    flex-direction: column;
}

.flex-row-4 {
    align-items: flex-end;
    display: flex;
}

.the-whole-thing {
    height: 43px;
    object-fit: cover;
}

.x0-4 {
    height: 43px;
    object-fit: cover;
    width: 192px;
}
