:root{
--card:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:#222;line-height:1.5;}


section.product-page{display:flex;justify-content:center;align-items:flex-start;flex-wrap:nowrap;gap:30px;max-width:1200px;margin:40px auto;padding:20px;}


/* Left product section */
.product-box{background:var(--card);display:flex;gap:30px;padding:20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);flex:1;animation:fadeIn 0.8s ease-in-out;align-items:flex-start;}
.product-img{flex:0 0 350px;position:sticky;top:100px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;}
.product-img img{max-width:100%;border-radius:10px;transition:transform .4s ease;}
.product-img img:hover{transform:scale(1.05);}


.product-details{flex:1;display:flex;flex-direction:column;gap:12px;}
.product-details h2{font-size:26px;font-weight:700;}
.price-line{font-size:18px;color:#111;}
.price-line span{color:var(--muted);font-size:14px;}
.btn{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:15px;transition:all .3s ease;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-primary:hover{background:#0056d6;}
.btn-accent{background:var(--accent);color:#fff;}
.btn-accent:hover{background:#e45a50;}
.btn-outline{background:#fff;border:1px solid var(--primary);color:var(--primary);}
.btn-outline:hover{background:var(--primary);color:#fff;}


.stock{color:green;font-weight:600;}
.underline{width:100%;height:2px;background:#007bff33;margin:4px 0 10px 0;border-radius:2px;}
table.details-table{width:100%;border-collapse:collapse;font-size:15px;}
table.details-table td{padding:6px 4px;vertical-align:top;}
table.details-table td:first-child{font-weight:600;width:45%;}


.desc{font-size:15px;color:#444;}


.quantity-box{display:flex;align-items:center;gap:10px;margin-top:6px;}
.qty-control{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;}
.qty-control button{background:#f3f3f3;border:none;padding:8px 12px;font-size:18px;cursor:pointer;transition:background .3s;}
.qty-control button:hover{background:#e9ecef;}
.qty-control input{width:50px;text-align:center;border:none;outline:none;font-size:16px;}
.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:10px;}


/* Right card section */
.seller-card{background:var(--card);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:20px;width:330px;animation:fadeIn 0.9s ease-in-out;align-self:flex-start;}
.seller-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.seller-header img{width:60px;height:60px;border-radius:50%;object-fit:cover;}
.seller-header h3{font-size:20px;margin:0;}
.seller-info{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px;}
.rating{margin:10px 0;color:#ffa500;font-weight:600;}
.trust{font-size:14px;margin-bottom:8px;}
.dotted{border-top:1px dotted #aaa;margin:10px 0;}
.seller-data{font-size:14px;color:#333;line-height:1.6;}
.seller-btns{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.fade-up{opacity:0;transform:translateY(20px);transition:all .6s ease;}
.fade-up.show{opacity:1;transform:none;}


@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:none;}}


@media(max-width:992px){
section.product-page{flex-direction:column;align-items:center;}
.product-box{flex-direction:column;align-items:center;}
.seller-card{width:100%;}
.product-img{position:relative;top:auto;}
}