@charset "utf-8";

 .thumbnail-active {
     border: 2px solid #3b82f6;
     opacity: 1;
 }
 .thumbnail-inactive {
     border: 2px solid transparent;
     opacity: 0.7;
 }
 .thumbnail-inactive:hover {
     opacity: 1;
     border-color: #93c5fd;
 }

.top-h2{
    font-size: 2rem;
    text-align: center;
    margin: 3vh 0;
    color: #000;
    text-shadow: -2px 1px 5px #c2c2c2;
}
.gra{color:var(--primary-color);text-shadow:none;}
/* .gra{background:linear-gradient(358deg, #ffd871 0%, #d6aa00 45%, #e6c457 70%, #ffd73c 85% 85%, #ffaa00 90% 100%);-webkit-background-clip:text;-webkit-text-fill-color: transparent;text-shadow:none;background-size: 300% 100%;
animation: gradationTextAnimation 8s linear infinite;} */
@keyframes gradationTextAnimation{
    0%{
        background-position: 0 0;
    }
    50%{
        background-position: 100% 0;
    }
    100%{
        background-position: 0 0;
    }
}




.top-h2 span{display: block;font-weight:bold;margin:7px 0 0;}

.space-y-4 select {color: #615959;font-size: 1.2rem;font-weight: bold;}

.shadow-sm{border:solid 1px #000;}

button#addToCartBtn {padding: 20px;font-size:2rem;background:rgb(229 70 70);display:flex;flex-direction: column;}

div#priceDisplay {text-align: center;color:#fff;font-size:1.3rem;border-bottom:2px solid;margin: 0 0 5px;}

.f-kosu {align-items: flex-start;}
.prose p {font-size: 1.4rem;}
.coment span{font-size: 1.1rem;}
.tbm{margin:.5rem 0;}
.dialog_content {color: #000;}
.pa-s2{padding:1.3rem}
.space-y-6 {display: flex;flex-direction: column;align-content: center;margin:auto 0;}