:root{--primary-background-color:white;--secondary-background-color:#a5e3c2;--primary-font-family:"Poppins",sans-serif;--primary-font-size:16px;--primary-font-style:"normal"}.home{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5vh;width:100vw;height:100%;display:flex}Navbar{height:60px}.main-container{flex-direction:column;align-items:center;gap:10vh;width:100%;height:80%;display:flex}#chat-section{color:#000;background-color:var(--primary-background-color);font-family:var(--primary-font-family);font-style:var(--primary-font-style);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:70%;display:flex}h2{font-size:2.5vh}#startbutton{color:#fff;width:300px;height:50px;font-family:var(--primary-font-family);font-style:var(--primary-font-style);background-color:#22c55e;border-radius:10px;font-size:20px;font-weight:550;box-shadow:0 2px 8px rgba(0,0,0,.12)}#startbutton:hover{cursor:pointer;background-color:#16a34a;transition:all .3s}#video-section,#promo-section{color:#000;background-color:var(--primary-background-color);font-family:var(--primary-font-family);font-style:var(--primary-font-style);text-align:left;flex-direction:column;align-items:center;gap:20px;width:70%;font-size:20px;display:flex}.video-list{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}iframe{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.12)}#line{background-color:#d3d3d3;flex:1;width:100%;height:auto;margin:0 8px;font-size:1.5px}#video-link{color:gray;font-size:17px;text-decoration:none}#video-link:hover{color:var(--secondary-background-color)}#video-title,#promo-title{text-align:left;width:100%}#promo-section{margin-top:30px}#aboutme-section{color:#000;flex-direction:column;align-items:center;gap:20px;width:70%;display:flex}#aboutme-title{text-align:left;width:100%}#aboutme-container{flex-direction:row;align-items:center;gap:20px;width:100%;display:flex}#aboutmepic{border-radius:10px;width:300px;height:380px;box-shadow:0 2px 8px rgba(0,0,0,.12)}#aboutmetext{color:gray;width:-moz-fit-content;width:fit-content;font-size:16px;line-height:1.5}#contactme-section{color:#000;flex-direction:column;align-items:center;gap:20px;width:70%;display:flex}@media screen and (max-width:768px){#aboutme-container{flex-direction:column;align-items:center}#aboutmepic{width:100%;height:100%}#aboutmetext{font-size:14px}}
.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;align-items:center;width:300px;padding:16px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.06)}.product-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.product-image{object-fit:cover;border-radius:8px;width:200px;height:200px;margin-bottom:12px}.product-name{text-align:center;margin-bottom:8px;font-size:1.1rem;font-weight:600}.product-prices{align-items:center;gap:8px;margin-bottom:12px;display:flex}.product-price{color:#2e7d32;font-size:1.1rem;font-weight:700}.product-oldprice{color:#b0b0b0;font-size:1rem;text-decoration:line-through}.product-link-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:8px 20px;font-size:1rem;transition:background .2s}.product-link-btn:hover{background:#16a34a}