/* ==========================================
   1. ซ่อน Element เดิมที่ไม่จำเป็นเฉพาะในหน้ารายละเอียดสินค้า (Product Detail)
   ========================================== */
.hikashop_product_page > .hikashop_product_top_part,
.hikashop_product_page > .hikashop_product_description_main,
.hikashop_product_bottom_part #hikashop_product_description_main,
.hikashop_product_right_part > .hikashop_product_social_block,
.hikashop_product_page .hikashop_product_stock_count,
.hikashop_product_page #hikashop_product_quantity_main,
.hikashop_product_page_image_subdiv,
.hikashop_product_images_subdiv,
#hikashop_small_image_div,
.hikashop_small_image_subdiv,
.hikashop_product_page .hikashop_product_left_part > a,
.hikashop_product_page .hikashop_product_left_part > div:not(.ns-main-image-box):not(.ns-thumb-list) {
    display: none !important;
}

/* Layout หลัก 2 คอลัมน์ (หน้ารายละเอียดสินค้า) */
.ns-product-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 35px !important;
    margin-top: 20px !important;
    font-family: inherit !important;
}

/* Container ฝั่งซ้าย */
.ns-product-left {
    flex: 1 1 42% !important;
    min-width: 320px !important;
    max-width: 450px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* กรอบรูปหลักด้านบน */
.ns-main-image-box {
    width: 100% !important;
    height: 380px !important;
    border: 1px solid #e5e5e5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}

.ns-main-image-box img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Thumbnails (รูปย่อยแนวนอน) */
.ns-thumb-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}

.ns-thumb-item {
    width: 75px !important;
    height: 75px !important;
    border: 1px solid #ddd !important;
    padding: 3px !important;
    background: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.ns-thumb-item.active,
.ns-thumb-item:hover {
    border-color: #ff5500 !important;
}

.ns-thumb-item img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.ns-product-left > img {
    display: none !important;
}

/* Container ฝั่งขวา */
.ns-product-right {
    flex: 1 1 50% !important;
    min-width: 320px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* รายละเอียด หัวข้อ SKU และ ราคา */
.ns-title {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.3 !important;
}

.ns-sku {
    font-size: 0.88rem !important;
    color: #888 !important;
    margin-bottom: 12px !important;
}

.ns-divider {
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* กล่องย่อรายละเอียดฝั่งขวา */
.ns-short-desc {
    max-height: 140px !important;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: 20px !important;
}

.ns-short-desc-inner {
    max-height: 100% !important;
    overflow: hidden !important;
}

.ns-short-desc p, 
.ns-short-desc ul, 
.ns-short-desc li {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.ns-short-desc::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 40px !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) !important;
    pointer-events: none !important;
}

.ns-price-row {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.ns-price-label {
    font-size: 1.2rem !important;
    color: #333 !important;
}

.ns-price-value, 
.ns-price-value * {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    color: #ff5500 !important;
    font-family: inherit !important;
}

/* จำนวนสินค้า และ ปุ่มกด */
.ns-action-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

.ns-qty-row {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.ns-qty-label {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #333 !important;
}

.ns-qty-custom-box {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    height: 36px !important;
}

.ns-qty-btn {
    width: 32px !important;
    height: 36px !important;
    line-height: 36px !important;
    background: #f5f5f5 !important;
    border: none !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    cursor: pointer !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ns-qty-btn:hover {
    background: #e0e0e0 !important;
}

.ns-qty-input {
    width: 45px !important;
    height: 36px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.95rem !important;
    outline: none !important;
    box-shadow: none !important;
    background: #fff !important;
}

.ns-stock-info {
    font-size: 0.88rem !important;
    color: #666 !important;
}

.ns-btn-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.ns-btn-cart {
    height: 42px !important;
    padding: 0 22px !important;
    background: #ff5500 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    border: none !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}

/* Share & Meta */
.ns-share-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.ns-share-label {
    font-size: 0.9rem !important;
    color: #777 !important;
}

.ns-meta-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #e0e0e0 !important;
    font-size: 0.88rem !important;
    color: #666666 !important;
}

.ns-meta-item strong {
    color: #444444 !important;
    margin-right: 5px !important;
}

.ns-meta-item a {
    color: #666666 !important;
    text-decoration: none !important;
}

.ns-meta-item a:hover {
    color: #ff5500 !important;
    text-decoration: underline !important;
}

/* บทความ / คุณสมบัติ ด้านล่างสุด */
.ns-bottom-details {
    width: 100% !important;
    clear: both !important;
    margin-top: 40px !important;
    padding-top: 25px !important;
    border-top: 1px solid #e5e5e5 !important;
    display: block !important;
}

.ns-bottom-details h3 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 15px !important;
}

.ns-bottom-details-content {
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    color: #444444 !important;
}

/* ==========================================
   2. ซ่อนตารางหมวดหมู่สินค้าด้านบน
   ========================================== */
.hikashop_subcategories,
.hikashop_subcategories_listing,
ul.hikashop_categories_ul,
table.hikashop_categories_table,
div.hikashop_subcategories_content {
    display: none !important;
}

/* ==========================================
   3. ปรับปุ่ม "ขอใบเสนอราคา" ในการ์ดสินค้าทุกหน้า
   (ลบเส้นกรอบสีแดงทั้งหมด และเปลี่ยนสีตัวหนังสือ)
   ========================================== */
a.ns-btn-quote,
.ns-btn-quote,
.hikashop_product_contact,
.hikashop_product_contact a,
.hikashop_product_contact_subpart,
.hikashop_product_contact_subpart a {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #555555 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    height: auto !important;
    line-height: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ลบกรอบออกจาก Element ย่อยข้างในทั้งหมด */
a.ns-btn-quote *,
.ns-btn-quote *,
.hikashop_product_contact *,
.hikashop_product_contact_subpart * {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: #555555 !important;
}

/* Effect ตอนชี้เมาส์ (Hover) */
a.ns-btn-quote:hover,
.ns-btn-quote:hover,
.hikashop_product_contact a:hover {
    color: #ff5500 !important;
}

/* ==========================================
   4. ยกเว้นเฉพาะปุ่มใน "หน้ารายละเอียดสินค้า" (Product Detail Page) 
   ให้คงรูปเล่มเป็นปุ่มมีกรอบสีเทาไว้เหมือนเดิม
   ========================================== */
.ns-product-right a.ns-btn-quote,
.ns-product-right .ns-btn-quote {
    height: 40px !important;
    padding: 0 20px !important;
    background: #ffffff !important;
    color: #555555 !important;
    font-size: 0.9rem !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}