/* ===== FORCE BACKGROUND ===== */

body.page {

background:#ffeaf1 !important;

}


/* ===== PLUGIN WRAPPER ===== */

.tea-app{

max-width:1100px !important;

margin:40px auto !important;

padding:20px !important;

}


/* ===== GRID CENTER ===== */

.tea-grid{

display:grid !important;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;

gap:30px !important;

justify-content:center;

}


/* ===== CARD ===== */

.tea-card{

background:#ffffff !important;

border-radius:18px !important;

padding:20px !important;

box-shadow:0 10px 24px rgba(0,0,0,0.08) !important;

transition:0.25s;

}

.tea-card:hover{

transform:translateY(-5px);

}


/* ===== IMAGE ===== */

.tea-card img{

width:100% !important;

border-radius:14px;

margin-bottom:12px;

}


/* ===== PRICE ===== */

.tea-price{

color:#ff4d6d !important;

font-weight:bold;

font-size:18px;

margin-top:6px;

}


/* ===== QUANTITY ===== */

.tea-qty{

margin-top:14px;

display:flex;

align-items:center;

justify-content:center;

gap:18px;

background:#f5f5f5;

padding:10px 18px;

border-radius:40px;

width:170px;

box-shadow:0 6px 14px rgba(0,0,0,0.08);

}


/* BUTTON */

.tea-qty button{

width:38px;

height:38px;

border:none;

border-radius:50%;

background:#ff4d6d;

color:#fff;

font-size:18px;

font-weight:bold;

cursor:pointer;

display:flex;

align-items:center;

justify-content:center;

}


/* COUNT */

.tea-count{

font-size:18px;

font-weight:600;

min-width:20px;

text-align:center;

}


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

#tea-cart{

margin:40px auto;

max-width:620px;

background:#ffffff;

padding:24px;

border-radius:18px;

box-shadow:0 10px 26px rgba(0,0,0,0.08);

}

#tea-cart h3{

margin-bottom:14px;

}

#tea-cart div{

display:flex;

justify-content:space-between;

padding:8px 0;

border-bottom:1px dashed #eee;

}

#tea-cart strong{

display:block;

margin-top:14px;

font-size:16px;

color:#ff4d6d;

}