.view-cart > .site-grid > .container-component {
    grid-column: full-start/full-end !important;
}

.pPage main {
    
}

.pCart .sCart {
    display: grid;
    grid-template-columns: [sfull-start] minmax(0, 1fr) [smain-start] minmax(auto, 1230px) [smain-end] minmax(0, 1fr) [sfull-end];
    grid-template-rows: auto auto;
    margin-top: 20px;
}

.pCart .sCart .sHeaderBackground {
    grid-column: sfull-start/smain-start;
    background-image: url(/images/common/header1-bgr.png);
    background-repeat: repeat-x;
    height: 61px;
}

.pCart .sCart > h3 {
    grid-column: smain-start/smain-end;
    background-image: url(/images/icons/cart-hd.png), url(/images/common/header1-bg.png);
    background-position: 0px center, -200px top;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 61px;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    padding: 17px 0px 0px 31px;
    box-sizing: border-box;
    margin-bottom: 3px;
}

.pCart .sCart .sContent {
    grid-column: smain-start/smain-end;
    grid-row: 2;
    width: 100%;
    padding: 0px 5px;
}

.pCart .sCart table {
    width: 100%;
    margin-bottom: 50px;
}

.pCart .sCart table thead th {
    color: #505050;
    font-weight: normal;
    font-size: 20px;
    padding: 10px;
    border: none;
    text-align: center;
}

.pCart .sCart table thead tr, .pCart .sCart table tbody tr {
    border: none;
    border-bottom: solid 1px #B0C8B0;
}

.pCart .sCart table tbody td {
    border: none;
    color: #909090;
    text-align: center;
    font-size: 18px;
    padding: 7px 0px;
}

.pCart .sCart table tbody td a {
    text-decoration: none;
}

.pCart .sCart table tbody td > input {
    color: #404040;
    border: solid 1px #C0D8C0;
    border-radius: 5px;
    background: none;
    text-align: center;
    font-size: 16px;
    padding: 8px;
    max-width: 130px;
}

.pCart .sCart table tbody td > input:focus, .pCart .sCart table tbody td > input:focus-visible {
    outline: solid 2px #3584E4;
}

.pCart .sCart table tbody td > input:invalid {
    outline: solid 2px #c83838;
}

.pCart .sCart table tbody td.sPrice, .pCart .sCart table tbody td.sQuantity, .pCart .sCart table tbody td.sValue {
    width: 170px;
}

.pCart .sCart table tbody td.sImage {
    width: 150px;
}

.pCart .sCart table tbody td.sImage > .sImage {
    position: relative;
    min-height: 130px;
}

.pCart .sCart table tbody td.sImage > .sImage img.sMain {
    width: 105px;
    margin: 10px 5px;
}

.pCart .sCart table tbody td.sImage > .sImage .sMark {
    position: absolute;
    left: 0;
    top: 0;
}

.pCart .sCart table tbody td.sName {
    text-align: left;
    vertical-align: top;
    padding-top: 30px;
}

.pCart .sCart table tbody td.sName > .sRemove {
    font-size: 14px;
    margin-top: 5px;
}

.pCart .sCart .sShippingCost {
    display: none;
}

.pCart .sCart .sTotal, .pCart .sCart .sTaxInfo {
    color: #808080;
    font-size: 15px;
    text-align: right;
    margin-top: 5px;
}

.pCart .sCart .sTotal span {
    color: #000;
    font-size: 130%;
}

.pCart .sCart .sButtons {
    display: flex;
    margin: 50px 0px;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: bold;
}

.pCart .sCart .sButtons .sButton {
    display: block;
    flex-grow: 0;
    border: solid 1px #FF6600;
    padding: 10px 25px;
}

.pCart .sCart .sButtons .sBuy.sMinor {
    background: none;
    color: #FF6600;
}

.pCart .sCart .sInfo {
    font-size: 30px;
    text-align: center;
    margin: 50px 10px;
    text-align: center;
}



.pCart .sCart .sTable {
    display: grid;
    Xgrid-template-areas: "Image Name Price Quantity Value";
    grid-template-columns: 150px 1fr 170px 170px 170px;
    gap: 0px 20px;
    justify-items: center;
    align-items: center;
    justify-content: stretch;
    align-content: start;
}

.pCart .sCart .sTable .sHeader {
    color: #505050;
    font-weight: normal;
    font-size: 20px;
    padding: 10px;
    border: none;
    text-align: center;
}

.pCart .sCart .sTable .sData {
    Xborder: none;
    color: #909090;
    text-align: center;
    font-size: 18px;
    padding: 7px 0px;
}

.pCart .sCart .sName > .sRemove {
    font-size: 14px;
    margin-top: 10px;
}

.pCart .sCart .sTable .sImage {
    Xgrid-area: Image;
    grid-column: 1/1;
}

.pCart .sCart .sTable .sData.sImage {
    position: relative;
    min-height: 130px;
    width: 100%;
}

.pCart .sCart .sTable > .sData.sImage::after {
    content: "";
    position: absolute;
    background-image: linear-gradient(135deg, #5FB15CFF 18px, #5FB15C00 18px);;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
}

.pCart .sCart .sTable > .sImage .sMark {
    position: absolute;
    left: 0;
    top: 0;
}

.pCart .sCart .sTable .sName {
    Xgrid-area: Name;
    grid-column: 2/2;
    align-self: start;
    justify-self: start;
    text-align: left;
}

.pCart .sCart .sTable .sPrice {
    Xgrid-area: Price;
    grid-column: 3/3;
}

.pCart .sCart .sTable .sQuantity {
    Xgrid-area: Quantity;
    grid-column: 4/4;
}

.pCart .sCart .sTable .sValue {
    Xgrid-area: Value;
    grid-column: 5/5;
}

.pCart .sCart .sTable > input {
    color: #404040;
    border: solid 1px #C0D8C0;
    border-radius: 5px;
    background: none;
    text-align: center;
    font-size: 16px;
    padding: 8px;
    max-width: 130px;
    width: 100%;
}

.pCart .sCart .sTable > input:focus, .pCart .sCart .sTable > input:focus-visible {
    outline: solid 2px #3584E4;
}

.pCart .sCart .sTable > input:invalid {
    outline: solid 2px #c83838;
}

.pCart .sCart .sTable hr {
    grid-column: 1 / -1;
    margin: 7px 0px;
    background-color: #B0C8B0;
    opacity: 1;
    width: 100%;
}



@media (min-width: 860px) {
    .pCart .sCart .sTable .sHideAboveWidth {
        display: none;
    }
}

@media (max-width: 859px) {
    .pCart .sCart .sTable .sHideBelowWidth {
        display: none;
    }


    .pCart .sCart .sTable {
        grid-template-columns: 1fr 1fr 1fr;
        Xgrid-template-rows: auto auto;
        gap: 5px 5px;
    }

    .pCart .sCart .sTable .sName {
        grid-column: 2/4;
    }

    .pCart .sCart .sTable .sPrice {
        grid-column: 1/1;
        border: none !important;
    }

    .pCart .sCart .sTable .sQuantity {
        grid-column: 2/2;
    }

    .pCart .sCart .sTable .sValue {
        grid-column: 3/3;
        border: none !important;
    }


}