.daily-fresh{

padding:70px 0;

background:#f7fff5;

}

.daily-grid{

display:grid;

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

gap:25px;

margin-top:40px;

}

.daily-card{

background:white;

padding:25px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

transition:.3s;

}

.daily-card:hover{

transform:translateY(-8px);

}

.daily-card h3{

color:#0a7b2e;

margin-bottom:15px;

}

.quote{

border-top:6px solid #f5b400;

}

.offer{

border-top:6px solid #0a7b2e;

}

.share-btn{

display:inline-block;

margin-top:20px;

text-decoration:none;

font-weight:bold;

color:#0a7b2e;

}

.fortune-box{

text-align:center;

margin-top:40px;

}

.fortune-modal{

display:none;

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.55);

z-index:9999;

}

.fortune-content{

background:white;

max-width:500px;

margin:8% auto;

padding:35px;

border-radius:18px;

text-align:center;

position:relative;

}

#closeFortune{

position:absolute;

right:20px;

top:15px;

cursor:pointer;

font-size:28px;

}