:root{--primary-maroon:#9c1239;--gold-accent:#d97706;--light-cream:#f8f1e3}
*{transition:all .4s cubic-bezier(0.4,0,0.2,1)}
body{font-family:'Inter',system-ui,-apple-system,sans-serif}
.navbar{background:#fffffffa!important;backdrop-filter:blur(12px);box-shadow:0 2px 20px #9c12391a}
.hero{height:100vh;min-height:680px;background:linear-gradient(#0000008c,#0000008c),url(https://picsum.photos/id/1015/2000/1300) center/cover no-repeat;display:flex;align-items:center;color:#fff}
.section-title{position:relative;display:inline-block}
.section-title:after{content:'';position:absolute;width:75px;height:4px;background:linear-gradient(to right,var(--primary-maroon),var(--gold-accent));bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}
.card-hover{border:none;box-shadow:0 10px 25px #9c123914}
.card-hover:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 40px #9c12392e}
.btn-primary{background:linear-gradient(90deg,var(--primary-maroon),#b91c1c);border:none;border-radius:50px;padding:12px 32px;font-weight:600}
.btn-primary:hover{background:linear-gradient(90deg,#b91c1c,var(--primary-maroon));transform:translateY(-3px);box-shadow:0 10px 20px #9c12394d}
.gold-text{color:var(--gold-accent)}
footer{background:#1f1f1f}
.aos-animate{animation-duration:900ms}
.work-type{ text-align: left;}
.navbar-brand img{ width: 90px;}
.share-icon { position: absolute; top: 15px;right: 15px; cursor: pointer; background:#ed5656; border-radius: 50%;padding: 8px 10px;box-shadow: 0 2px 8px rgba(0,0,0,0.15);transition: all 0.2s ease; z-index: 999; color: #fff;}
.share-icon:hover {transform: scale(1.1); background: #d64242; }

body{text-align:center;background:#f5f7fb;font-family:'Segoe UI',sans-serif}
.product-card{background:#fff;border-radius:16px;padding:15px;box-shadow:0 10px 30px #00000014; position: relative;}
.product-title{font-weight:700;color:#333}
.main-img{max-width:500px;object-fit:cover;border:1px solid #ddd;border-radius:8px; height:50dvh;}
.thumb-img{height:100px;object-fit:cover;cursor:pointer;border:2px solid rgb(168, 165, 165);border-radius:6px;transition:.3s; max-width: 100px;}
.thumb-img:hover,.thumb-img.active{border-color:#333}
.price{font-size:28px;font-weight:700;color:#28a745; border: 2px #28a745 dashed; padding: 0px 20px; border-radius: 10px;}
.fabric{font-size:16px;color:#666}
.section-title{font-weight:600;margin-bottom:10px;color:#8a8888; position: relative; padding-bottom: 5px;}
.section-title:after{ content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #741919;}

@media (max-width: 580px) {
    .thumb-img{height:80px; max-width: 80px;}
}

@media (max-width: 375px) {
    .main-img{ height:42dvh;}
    .share-icon{ top: 10px; right: 10px;}
}