tbody tr td:first-child{width:20em;border-right:1px solid #c4c4c463}table tr:last-child{border-bottom:#fff0;border-bottom:2px solid #fff}tbody,td,tfoot,th,thead,tr{border-bottom:1px solid #c4c4c463;padding:4px}.comDetail p,.comDetail a{font-size:15px}.img-showcase{height:490px}.specification-chart-datails tbody tr:nth-child(odd){background-color:#edf0f3e8;color:#fff}.best-form{height:auto}.mx--1{margin-right:-0.75rem!important;margin-left:-0.75rem!important}.fs-15{font-size:15px}.reviews-container{background:#fff;border-radius:10px}.average-rating{text-align:center;margin-bottom:20px}.average-rating h2{font-size:40px;margin:0;color:#6a0dad}.stars{color:gold;font-size:22px;display:inline-flex}.stars i{margin:0 1px}.rating-bars{margin:20px 0}.bar{display:flex;align-items:center;margin-bottom:8px}.bar span{width:50px}.bar-line{flex:1;height:8px;background:#ddd;border-radius:4px;margin:0 10px;overflow:hidden}.bar-fill{height:8px;background:#6a0dad;border-radius:4px}.review{border-top:1px solid #eee;padding-top:10px;margin-top:10px}.review h4{margin:0}.review .stars{font-size:16px}.review p{margin:5px 0;color:#555}.fa-star-half-alt{position:relative}

/* --- THE "ULTIMATE NEU-GLASS" THEME --- */
:root {
    --first-color: #6366f1 !important;    /* Indigo */
    --second-color: #a855f7 !important;   /* Purple Pulse */
    --surface: #f1f5f9 !important;        /* Smooth Slate */
    --neu-white: #ffffff !important;
    --neu-shadow: rgba(0, 0, 0, 0.06) !important;
    --glass-border: rgba(255, 255, 255, 0.4) !important;
}

/* --- Global Tactile Feel --- */
body {
    background-color: var(--surface) !important;
    letter-spacing: -0.01em !important;
}

/* --- Neumorphic Cards (The Difference Maker) --- */
.products-card .thumb-wrapper, 
.contact-card, 
.post-slide,
.reviews-container {
    background: var(--surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 24px !important;
    /* Layered shadow for a "lifted" effect */
    box-shadow: 
        8px 8px 16px var(--neu-shadow), 
        -8px -8px 16px #ffffff !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.products-card .thumb-wrapper:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 
        12px 12px 24px rgba(0, 0, 0, 0.1), 
        -12px -12px 24px #ffffff !important;
}

/* --- Floating Play Button with Aura --- */
.about .play-btn {
    width: 85px !important;
    height: 85px !important;
    background: var(--neu-white) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* Neumorphic "Hole" Effect */
    box-shadow: 
        inset 2px 2px 5px var(--neu-shadow), 
        inset -2px -2px 5px #ffffff,
        0 10px 20px rgba(99, 102, 241, 0.2) !important;
}

.about .play-btn::after {
    border-left-color: var(--first-color) !important;
    transform: translateX(-25%) translateY(-50%) !important;
}

/* --- The "Liquid" Button --- */
.moreBtn, 
.products-card .thumb-content .btn {
    background: var(--first-color) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 14px 30px !important;
    font-weight: 700 !important;
    color: #fff !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3) !important;
}

.moreBtn::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: -100%; width: 100%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
    transition: 0.6s !important;
}

.moreBtn:hover::before {
    left: 100% !important;
}

/* --- Ultra-Smooth Specification Tables --- */
.specification-chart-datails table {
    border: none !important;
    background: transparent !important;
}

.specification-chart-datails tr {
    margin-bottom: 10px !important;
    display: table !important; /* Forces spacing feel */
    width: 100% !important;
    background: var(--neu-white) !important;
    border-radius: 12px !important;
    box-shadow: 4px 4px 10px var(--neu-shadow) !important;
    border: 1px solid var(--glass-border) !important;
}

.specification-chart-datails td {
    border: none !important;
    padding: 15px !important;
}

.specification-chart-datails td:first-child {
    background: rgba(99, 102, 241, 0.05) !important;
    color: var(--first-color) !important;
    border-radius: 12px 0 0 12px !important;
}

/* --- Rating System Visuals --- */
.bar-line {
    background: #e2e8f0 !important;
    box-shadow: inset 2px 2px 4px var(--neu-shadow) !important;
}

.bar-fill {
    background: linear-gradient(90deg, var(--first-color), var(--second-color)) !important;
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.5) !important;
}

/* --- Images & Gallery --- */
.img-showcase {
    border: 8px solid var(--neu-white) !important;
    box-shadow: var(--card-shadow) !important;
    border-radius: 30px !important;
}

.img-item {
    box-shadow: 4px 4px 8px var(--neu-shadow) !important;
    border: 3px solid var(--neu-white) !important;
    transform: rotate(-2deg) !important;
    transition: 0.3s !important;
}

.img-item:hover {
    transform: rotate(0deg) scale(1.1) !important;
    border-color: var(--second-color) !important;
}

/* --- Sticky Bottom Inquiry --- */
#BottomInquiryModel {
    background: rgba(241, 245, 249, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid #fff !important;
    border-radius: 40px 40px 0 0 !important;
    padding: 20px !important;
}