/* --------------------------------
この商品を注文する　カートへ　ボタン
-------------------------------- */
.order-button button{
display:flex;
align-items:center;
justify-content:center;
gap:.8rem;
}

.order-button button::before{
content:"";
display:block;
width:2.6rem;
height:2.6rem;
background:url('/2026-image/common/icon-cart.svg') center / contain no-repeat;
filter:invert(1);
flex-shrink:0;
}


/* PC */
.order-button-fixed{
position:fixed;
left:2rem;
bottom:2rem;
z-index:100;
opacity:0;
visibility:hidden;
transform:translateY(3rem);
transition:
opacity .35s ease,
transform .35s ease,
visibility .35s;
}

.order-button-fixed.is-show{
opacity:1;
visibility:visible;
transform:translateY(0);
}


/* SP */
@media(max-width:800px){

.order-button-fixed{
left:0;
bottom:0;
padding:1.5rem;
transform:translateY(100%);
}

.order-button-fixed.is-show{
transform:translateY(0);
}

.order-button-fixed button{
width:100%;
padding-top:1.3rem;
padding-bottom:1.3rem;
}

}


/* --------------------------------
オーダーパネル表示中はCTAを隠す
-------------------------------- */
/* PC */
body.order-panel-open .order-button-fixed.is-show{
opacity:0;
visibility:hidden;
transform:translateY(3rem);
pointer-events:none;
}


/* SP */
@media(max-width:1000px){

body.order-panel-open .order-button-fixed.is-show{
opacity:0;
visibility:hidden;
transform:translateY(100%);
pointer-events:none;
}

}