.bread-crumbs {margin-top: 30px}
.bread-crumbs li {display:inline-block; font-size: 12px;}
.bread-crumbs li a {display:block; color:grey}

.mycart {display:flex; margin-left: auto !important}
.mycart span {background:#e51f28; margin-left: 7px; border-radius: 50%; width: 25px; height: 25px; color:#fff; line-height: 25px; text-align:center; display:inline-block; font-size: 15px; position:relative; top:-3px; font-weight: 400}

.table-heading {border-bottom: 2px solid #eee; border-top: 2px solid #eee}
.table-heading p {font-size: 15px; text-transform:uppercase; font-weight: 600; margin:5px 0}
.table-row {border-bottom: 1px solid #eee}
.table-div .one {width: 10%}
.table-div .two {width: 10%}
.table-div .three {width: 15%}
.table-div .four {width: 40%}
.table-div .five {width: 10%; text-align:right}
.table-div {margin: 5px 0}
.table-div p {font-size: 16px; margin: 5px 0}
.table-div .link {border-bottom: 1px solid red; text-decoration:none; display:inline-block; margin: 12px 0; color:inherit; font-weight: 600; font-size: 16px;}

.form-block {margin: 30px 0}



/*PRODUCT PAGE*/

.product-view-wrapper {padding: 50px 0;}

.product-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-gap: 2%;margin: 30px auto; max-width: 1100px}
.product-view.product-grid {display:grid; grid-template-columns: 50% 35%; margin: 0 auto;align-items: flex-start; width: 100%;}
.product-images.product-grid {grid-template-columns: 50% 50%; margin:0;}
.product-images figure {height: 600px;width: 90%;box-sizing: border-box;overflow: hidden;position: relative;}
.product-images figure img { width: 100%; position: absolute; object-fit:contain; height: 100%}

.large {grid-column: auto / span 2;}

.product-info {position: sticky;top: 0; z-index: 9;}

.summary-info {margin-bottom: 25px;border-bottom: 1px solid #d6d6d6;}
.summary-info h1 {font-size: 60px; line-height: 60px;  margin: 0; color:#e51f28}
.summary-info p {font-size: 15px; margin: 15px 0;}

.colour-selector p  {font-size: 15px; margin-bottom: 10px; color: #000;}
.colour-selector .colour-row {display: flex; width: 100%; justify-content: flex-start; grid-gap: 2%; margin-bottom: 25px;}

.price-text {font-weight: 600; font-size: 16px; line-height: 16px; background: #eee; padding: 8px; border-radius: 2px; display:inline-block; margin-top: 10px;}

.summary-info p.price {line-height: 22px;}
.summary-info p.price .rrp {color:#999}
.summary-info p.price .trade-price {color:#e51f28; font-size: 20px; margin-bottom: 5px; display:block}

.small-size {font-size: 13px !important; line-height: 19px !important; margin:20px 0; background: #fff; border: 1px solid #eee; padding: 10px;}


.product-quantity {margin-bottom: 25px;}

.input-group {display: flex; justify-content: space-between; width: 30%; margin: 0 auto; align-items: center;}
.input-group-field {width: 45%; text-align: center; padding: 10px; border: 1px solid #d6d6d6; border-radius: 15px; font-size: 20px; margin: 0;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield;}

.button-circle {background: #000;outline: none;border: none;color: #fff;width: 20px;height: 20px;text-align: center;border-radius: 100%; transition: 0.3s; box-sizing: border-box;padding: 0px;}
.button-circle:hover {background: #ed1c24;}
.button-circle p{line-height: 1; margin: 0;}

#product-form .button {border: none;
    font-family: 'Poppins';
    cursor: pointer;
    padding: 12px;
    margin-top: 10px;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #e51f28;
    font-weight: 700;
    background: #fff; border: 2px solid #e51f28; width: 100%;}

#product-form .button:hover {background:#e51f28; color:#fff}

.sticky {bottom: 0px;}


.option-select {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0; position: relative;}

.option-select p:first-child {margin: 0;width: 100%;font-size: 15px;line-height: 1.5;padding: 5px 0;display: inline-block;}

.option-select button {content: "";background: url('/img/arrow.svg');width: 100%;height: 40px;background-size: 10px;background-repeat: no-repeat;position: absolute;display: inline-block;opacity: 1;transition: 0.3s;top: 0px;outline: none;border: none;box-sizing: border-box;background-position: 97% 15px;}

.option-dropdown {width: 100%; margin-bottom: 0px; transition: 0.3s ease;}
.option-dropdown .flex-row {flex-wrap: wrap; }
.option-dropdown .flex-row label {font-weight: 600;width: 100%;display: flex;justify-content: space-between;padding: 10px;line-height: 0px;padding: 0px;border: 0px;margin: 0px;opacity: 0;transition: 0.3s ease;height: 0px;}
.option-dropdown .flex-row label:last-child {border-bottom: none; transition: 0.3s ease;}
.option-dropdown .flex-row .check-label input {height: 0px; transition: 0.3s ease; width: 20px;}
.option-dropdown .save-btn {display:none}

.option-select.drop-open button {color: #8bc744; text-decoration: none; border-bottom: 1px solid #000;}
.option-select .option-dropdown.drop-open{display: block; margin-bottom: 10px; margin-top: 0px}
.option-select .option-dropdown.drop-open .flex-row label {line-height: 20px;padding: 10px 0;margin: 0px;opacity: 1;height: 15px;font-size: 15px;}
.option-select .option-dropdown.drop-open .flex-row .check-label input {height: 20px; width: 20px;}
.option-select .option-dropdown.drop-open .save-btn {display:block}

.option-select .check-label input::before {right:-1px;}
.option-select .check-label input:checked::before {top: 11px;}

.option-select .check-label input::after {right: -3px;}
.option-select .check-label input:checked::after {top: 4px;}

.option-select.drop-open b {bottom:15px}

.drop-open.option-select p:first-child:before {}

.option-select p:before {display:none !important}

.colour-selector .button-dark {margin: 0 auto;}

.quantity-block { margin: 0 auto 0px;}

.js-qty {text-align: center;}

#quantity {outline: none;border: 1px solid #d6d6d6;padding: 10px;width: 30%;box-sizing: border-box;text-align: center;border-radius: 2px; font-size: 18px; text-indent: 0px; font-family: 'Poppins'; font-size: 16px;}

.cart-container-main {padding: 100px 0;}
.cart-container-main > .wrapper > .flex-row {justify-content: flex-start; align-items: flex-start; column-gap: 2%;}
.cart-container-main .cart-left-container {width: 64%; box-sizing: border-box;}
.cart-container-main .cart-right-container {width: 34%; padding: 50px; box-sizing: border-box;  border: 1px solid #eee; border-radius: 15px;}

.cart-product-item {position: relative;width: 100%; column-gap: 1%; background: #eee; padding: 30px; border-radius: 15px; box-sizing: border-box; margin-bottom: 10px;}
.cart-product-item figure {width: 30%; overflow: hidden; position: relative; height: 200px;}
.cart-product-item figure img {width: 100%; height: 100%; object-fit: cover; position: absolute; mix-blend-mode: multiply;}
.cart-product-item article {width: 40%;}
.cart-product-item article h3 {margin-bottom: 15px; font-weight: normal; font-size: 24px;}
.cart-product-item .options-item {width: 20%;}
.cart-product-item .options-item p {line-height: 1; font-weight: bold; font-size: 25px;}
.cart-product-item .options-item a {color: #000; font-size: 18px;}

.cart-left-container .quantity-block {margin: 0;}

.cart-product-item .qty-item {width: 100px; position: relative;}
.cart-product-item .qty-item input {width: 100%; text-align: center; padding: 10px;font-size: 16px; background: none !important ;border-color: #959595; user-select: none; border: 1px solid #ccc !important; border-radius: 0 !important;}
.cart-product-item .qty-item span {user-select: none; cursor: pointer; height: 100%; width: 35%;}
.cart-product-item .qty-item button {background: #fff0; border: none; outline: none;}
.cart-product-item .qty-item .minus {position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.cart-product-item .qty-item .minus::after {content: '';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #000; width: 10px; height: 2px;}
.cart-product-item .qty-item .plus {position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.cart-product-item .qty-item .plus::before {content: '';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(90deg); background: #000; width: 10px; height: 2px;}
.cart-product-item .qty-item .plus::after {content: '';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #000; width: 10px; height: 2px;}

.cart-container-main .cart-right-container .flex-row {padding-bottom: 30px; }
.cart-container-main .cart-right-container .flex-row p {margin: 0;}
.cart-container-main .cart-right-container .note {font-size: 14px; font-weight: bold; text-align: center; padding: 15px 0; margin: 0;}

.flex-row.saved-cards {column-gap: 2%; justify-content: flex-start;}

.card-wrapper {width: 49%; margin-bottom: 50px; display: flex; justify-content: space-between;}

.credit-card {font-family: 'Inconsolata', monospace; width: 100%;height: 200px;background: linear-gradient(90deg, rgba(56,0,54,1) 0%, rgba(12,186,186,1) 79%); border-radius: 10px;box-shadow: 0 0 20px #0005; box-sizing: border-box; padding: 20px; position: relative;}
.credit-card figure {width: 100%;}
.credit-card figure img {width: 75px;}
.credit-card img.delete-card {height: 25px; width: 25px; position: absolute; right: 15px;}
.credit-card p.cc-number {width: 100%;font-size: 30px;text-align: center;margin: 40px 0 40px; color: #fff;}
.credit-card p.cc-name {color: #fff; font-size: 22px;}

.cart-button-drop {color: #000; cursor: pointer; user-select: none; padding: 10px;}

.cart-drop-overview .button-dark {display: inline-block; width: auto;}

.cart-drop-menu { position: absolute; right: 3%; top: 7%; z-index: 9999; width: 400px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px #0006; box-sizing: border-box; opacity: 0; height: 0; transition: 0.6s; overflow-y: scroll;}
.cart-drop-menu.active-cart-drop {top: 80%; opacity: 1;height: 520px;}
.cart-drop-menu::after {content: ''; width: 15px; height: 15px; background: #eee; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); top: 0px; transition: 0.6s;}
.cart-drop-menu.active-cart-drop::after {top: -8px;}
.cart-drop-menu.active-cart-drop article {width: 100%; text-align: center; box-sizing: border-box;}

.cart-drop-menu > h2 {text-align: center; font-size: 22px; padding: 10px; background: #eee; border-radius: 5px 5px 0 0; margin-bottom: 0px;}
.cart-drop-menu > article {padding: 30px;}
.cart-drop-menu article {width: 100%!important; box-sizing: border-box; text-align: center; display: flex; flex-wrap: wrap;}

.cart-drop-menu .checkout-product-item {border-bottom: 1px solid #e9ebee; padding: 10px;}
.cart-drop-menu .checkout-product-item:first-of-type {margin: 0; border-top: 1px solid #e9ebee;}
.cart-drop-menu .checkout-product-item figure {width: 100px; height: 100px; position: relative; background: #f2f2f1;}
.cart-drop-menu .checkout-product-item figure img {width: 100%; height: 100%; object-fit: contain; position: absolute; top: 50%; transform: translateY(-50%); mix-blend-mode: multiply;}
.cart-drop-menu .checkout-product-item article {width: 65%!important;}
.cart-drop-menu .checkout-product-item > article {padding: 5px;}
.cart-drop-menu .checkout-product-item h4 {font-size: 14px;margin-bottom: 10px;text-align: left;font-weight: 600; width: 90%;}
.cart-drop-menu .checkout-product-item p {font-size: 13px; margin-bottom: 10px; text-align: uppercase;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;}
.cart-drop-menu .checkout-product-item p:last-child {margin: 0; text-transform: capitalize;}
.cart-drop-menu .checkout-product-item .price {font-size: 15px; display: flex;flex-direction: column;text-align: right;}
.cart-drop-menu .checkout-product-item .price span { font-size: 10px; margin-top: 5px; letter-spacing: 1px; text-transform: uppercase; opacity: 0.7;}
.cart-drop-menu .checkout-product-item .quantity {width: 70px; height: 25px;}
.cart-drop-menu .checkout-product-item .delete-item {width: 12px;height: 12px;filter: invert(0.5); display: block; padding: 0px;}

span.was {font-size: 15px!important;color: #f11d27;}
span.currency {margin-left: 5px;}

.cart-drop-menu .checkout-product-item .qty-item {width: 80px; height: 30px; margin-top: 10px;}
.cart-drop-menu .checkout-product-item .qty-item input {font-size: 14px;}
.cart-drop-menu .checkout-product-item .qty-item .minus::after {width: 8px;}
.cart-drop-menu .checkout-product-item .qty-item .plus::before {width: 8px;}
.cart-drop-menu .checkout-product-item .qty-item .plus::after {width: 8px;}

.cart-drop-left {width: 100%; text-align: left;}
.cart-drop-right {width: 30%;}

.cart-drop-overview {width: 100%;}
.cart-drop-overview .button-row {display: flex; align-items: center; justify-content: space-between;}
.cart-drop-overview .button-row > a {margin-top: 10px; width: 49%; box-sizing: border-box; font-weight: 400;}
.cart-drop-overview .button-outline {left: 0;transform: none; font-size: 18px;}


.cart-drop-flex > div {width: 50%;padding: 5px 0;text-align: left;}
.cart-drop-flex > div:nth-child(2n+2) {text-align: right;}

.optical-trigger {cursor: pointer;}
.optical-quality {position: fixed;opacity: 0;transition: 0.5s;width: 35%;transform: translate(-50%, -50%);left: 150%;top: 50%;z-index: -999;}
.optical-quality::after {content: '';background: #0008;width: 101vw;height: 101vh;z-index: -1;position: absolute;transform: translate(-50%, -50%);left: 150%;top: 50%;transition: 0.6s;}
.optical-quality.active {opacity: 1;z-index: 999;transform: translate(-50%, -50%);left: 50%;}
.optical-quality.active::after {transform: translate(-50%, -50%);left: 50%;}

.sizing-link {border-bottom: 1px solid #f11d27;padding-bottom: 5px;margin: 25px 0 10px;display: inline-block;}

#product-form {margin-top: 25px;}

.product-description p {margin-bottom: 10px; line-height: 1.5;}

.shop-button-row {text-align: center; margin-bottom: 30px;}
.shop-button-row a {padding: 10px 20px; margin: 10px 0; border: 1px solid #fff; transition: 0.3s; display: inline-block; border-radius: 25px;}
.shop-button-row a.active {border: 1px solid #e9e9e9; }

.panel.features {display:flex; justify-content: space-between;}

.feature-list {display: flex; flex-direction: column; width: 30%;}
.feature-option p {padding: 15px 20px;margin: 5px 0; border: 1px solid #fff; transition: 0.3s; display: inline-block; border-radius: 25px;}
.feature-option.active p {border: 1px solid #e9e9e9; }

.feature-content {width: 70%;height: 400px;border: 1px solid #e9e9e9;border-radius: 10px; margin-bottom: 50px;}
.feature-content-item {display: none; height: 100%;}
.feature-content-item img {width: 100%; height: 100%; object-fit: contain;}
.feature-content-item.active {display: block; }

.no-product {width: 100%; font-size: 35px; padding: 100px 0 25px;}