/* =========================
   QUORY CART
========================= */

.quory-cart{

    width:100%;
    max-width:1400px;

    margin:140px auto 100px;

    padding:0 40px;

    display:grid;
    grid-template-columns:1fr 420px;

    gap:80px;

    align-items:start;

}

/* =========================
   LEFT
========================= */

.quory-cart-left h1{

    font-size:42px;
    font-weight:600;

    margin-bottom:60px;

}

/* =========================
   CART ITEM
========================= */

.quory-cart-item{

    display:grid;
    grid-template-columns:180px 1fr;

    gap:30px;

    padding-bottom:35px;
    margin-bottom:35px;

    border-bottom:1px solid #eee;

}

/* IMAGE */

.quory-cart-image img{

    width:100%;

    aspect-ratio:3/4;

    object-fit:cover;

    display:block;

}

/* INFO */

.quory-cart-info{

    display:flex;
    flex-direction:column;

}

/* TITLE */

.quory-cart-info h2{

    margin:0 0 10px;

}

.quory-cart-info h2 a{

    color:black;
    text-decoration:none;

    font-size:18px;
    font-weight:500;

}

/* PRICE */

.quory-cart-price{

    font-size:15px;

    margin-bottom:20px;

    opacity:0.8;

}

/* VARIATIONS */

.quory-cart-variation{

    font-size:13px;

    text-transform:uppercase;
    letter-spacing:1px;

    margin-bottom:10px;

    opacity:0.6;

}

/* REMOVE */

.quory-remove{

    margin-top:auto;

    width:fit-content;

    font-size:13px;

    color:black;
    text-decoration:none;

    opacity:0.5;

    transition:0.2s ease;

}

.quory-remove:hover{

    opacity:1;

}

/* =========================
   RIGHT
========================= */

.quory-cart-right{

    position:relative;

}

.quory-cart-summary{

    position:sticky;
    top:120px;

    border:1px solid #eee;

    padding:35px;

    background:white;

}

/* TITLE */

.quory-cart-summary h3{

    margin-top:0;
    margin-bottom:30px;

    font-size:12px;
    font-weight:600;

    letter-spacing:2px;
    text-transform:uppercase;

}

/* =========================
   COUPON
========================= */

.custom-coupon{

    margin-bottom:35px;

}

.checkout_coupon{

    display:flex;
    gap:12px;

}

.checkout_coupon input{

    flex:1;

    height:52px;

    border:1px solid #e5e5e5;

    padding:0 18px;

    font-size:13px;

    background:white;

    outline:none;

}

.checkout_coupon button{

    min-width:140px;
    height:52px;

    border:none;

    background:black;
    color:white;

    font-size:11px;
    font-weight:600;

    letter-spacing:2px;

    cursor:pointer;

    transition:0.25s ease;

}

.checkout_coupon button:hover{

    opacity:0.85;

}

/* =========================
   TOTAL
========================= */

.quory-total-price{

    font-size:32px;
    font-weight:600;

    margin-bottom:30px;

}

/* =========================
   BUTTON
========================= */

.quory-btn{

    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px;

    background:black;
    color:white;

    text-decoration:none;

    font-size:12px;
    font-weight:500;

    letter-spacing:1px;
    text-transform:uppercase;

    transition:0.2s ease;

}

.quory-btn:hover{

    opacity:0.85;

}

/* =========================
   EMPTY CART
========================= */

.quory-empty-cart{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:25px;

}

.quory-empty-cart p{

    font-size:18px;

    margin:0;

}

/* =========================
   WOOCOMMERCE NOTICES
========================= */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{

    margin-bottom:25px;

    padding:16px 20px;

    border:none;

    background:#f7f7f7;

    font-size:13px;

}

/* =========================
   MOBILE
========================= */

@media(max-width:992px){

    .quory-cart{

        grid-template-columns:1fr;

        gap:50px;

    }

    .quory-cart-summary{

        position:relative;
        top:0;

    }

}

@media(max-width:768px){

    .quory-cart{

        margin-top:110px;

        padding:0 20px 70px;

    }

    .quory-cart-left h1{

        font-size:32px;

        margin-bottom:40px;

    }

    .quory-cart-item{

        grid-template-columns:110px 1fr;

        gap:18px;

    }

    .quory-cart-info h2 a{

        font-size:15px;

    }

    .quory-total-price{

        font-size:26px;

    }

    .checkout_coupon{

        flex-direction:column;

    }

    .checkout_coupon button{

        width:100%;

    }

}


/* =========================
   QUORY COUPON
========================= */

.quory-coupon-wrapper{

    margin-bottom:40px;

}

.quory-coupon-form{

    display:flex;
    flex-direction:column;

    gap:12px;

    width:100%;

}

/* INPUT */

.quory-coupon-form input{

    width:100%;
    height:54px;

    border:1px solid #dcdcdc;

    background:white;

    padding:0 18px;

    font-size:13px;
    font-weight:400;

    letter-spacing:0.3px;

    outline:none;

    transition:0.25s ease;

    font-family:inherit;

}

.quory-coupon-form input:focus{

    border-color:black;

}

/* BUTTON */

.quory-coupon-form button{

    width:100%;
    height:54px;

    border:none;

    background:black;
    color:white;

    font-size:11px;
    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    cursor:pointer;

    transition:0.25s ease;

}

.quory-coupon-form button:hover{

    opacity:0.88;

}

/* PLACEHOLDER */

.quory-coupon-form input::placeholder{

    color:#999;

}

/* MOBILE */

@media(max-width:768px){

    .quory-coupon-wrapper{

        margin-bottom:30px;

    }

    .quory-coupon-form{

        gap:10px;

    }

    .quory-coupon-form input,
    .quory-coupon-form button{

        height:50px;

    }

}


/* =========================
   FORCE COUPON OPEN
========================= */

.wc-block-components-totals-coupon{

    display:block !important;

}

/* PANEL */

.wc-block-components-panel{

    border:none !important;

}

/* FORCE CONTENT VISIBLE */

.wc-block-components-panel__content{

    display:block !important;

    max-height:none !important;
    opacity:1 !important;
    overflow:visible !important;

    padding-top:18px !important;

}

/* TOGGLE */

.wc-block-components-panel__button{

    cursor:pointer !important;

}

/* HIDE ARROW */

.wc-block-components-panel__button-icon{

    display:none !important;

}

/* OPEN STATE */

.wc-block-components-panel.is-open 
.wc-block-components-panel__content{

    display:block !important;

    max-height:500px !important;

    opacity:1 !important;

    overflow:visible !important;

}


/* =========================
   WOOCOMMERCE COUPON FIX
========================= */

/* CONTENT */

.wc-block-components-panel__content{

    max-height:500px !important;

    overflow:visible !important;

    opacity:1 !important;

    visibility:visible !important;

}

/* INNER WRAPPER */

.wc-block-components-totals-coupon__content{

    display:block !important;

}

/* INPUT */

.wc-block-components-totals-coupon input{

    width:100% !important;

    height:54px !important;

    border:1px solid #dcdcdc !important;

    padding:0 18px !important;

    margin-top:15px !important;
    margin-bottom:12px !important;

    background:white !important;

    box-shadow:none !important;

    font-size:13px !important;

}

/* BUTTON */

.wc-block-components-totals-coupon button{

    width:100% !important;

    height:54px !important;

    background:black !important;
    color:white !important;

    border:none !important;

    font-size:11px !important;
    font-weight:600 !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;

    cursor:pointer;

}


.wc-block-components-totals-coupon__input-coupon {
    top: 42px !important
}