/* ============================================================
   NANA SCREW - COMPLETE CUSTOM CSS (LAYOUT RESTORED & FIXED)
   ============================================================ */

/* 1. Global Overrides */
body {
    font-family: "Prompt", "Noto Sans Thai", sans-serif !important;
}

#sp-left .sp-module {
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
    z-index: 10 !important;
}

/* Sidebar Styles */
.nana-sidebar {
    width: 100% !important;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box !important;
}

.nana-sidebar-header {
    background: #ff7900;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 15px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0 !important;
}

.nana-sidebar-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nana-sidebar-item {
    position: relative !important;
}

.nana-sidebar-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 15px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.nana-sidebar-link:hover {
    background-color: #fff2e6 !important;
    color: #ff7900 !important;
}

/* Mega Menu */
.nana-mega {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    width: 550px !important;
    min-height: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 4px 4px 15px rgba(0,0,0,0.15) !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
    border-radius: 0 4px 4px 0;
}

.nana-sidebar-item:hover > .nana-mega {
    display: flex !important;
}

.nana-mega-col {
    padding: 15px !important;
    box-sizing: border-box !important;
}

.nana-level2-col {
    width: 45% !important;
    border-right: 1px solid #eee !important;
    background: #fafafa !important;
}

.nana-level3-col {
    width: 55% !important;
    background: #fff !important;
}

.nana-level2-list, .nana-level3-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nana-level2-item a, .nana-level3-list a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 10px !important;
    color: #444 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.nana-level2-item:hover a, 
.nana-level2-item.active a,
.nana-level3-list a:hover {
    color: #ff7900 !important;
    font-weight: bold !important;
}

.nana-level3-group {
    display: none !important;
}

.nana-level3-group.active {
    display: block !important;
}

#sp-main-body {
    position: relative !important;
    z-index: 1 !important;
}

/* Floating Right Sidebar */
#hikashop_cart_module,
.hikashop_cart_module {
    position: fixed !important;
    right: 0 !important;
    top: 35% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-right: none !important;
    border-radius: 8px 0 0 0 !important;
    box-shadow: -4px 2px 10px rgba(0,0,0,0.1) !important;
    padding: 10px 12px !important;
    text-align: center !important;
    min-width: 85px !important;
    cursor: pointer !important;
}

#hikashop_cart_module::before,
.hikashop_cart_module::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    color: #ff7900 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

#hikashop_cart_module::after,
.hikashop_cart_module::after {
    content: "ตะกร้าสินค้า" !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
}

#hikashop_wishlist_module,
.hikashop_wishlist_module {
    position: fixed !important;
    right: 0 !important;
    top: calc(35% + 75px) !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 0 0 0 8px !important;
    box-shadow: -4px 4px 10px rgba(0,0,0,0.1) !important;
    padding: 10px 12px !important;
    text-align: center !important;
    min-width: 85px !important;
    cursor: pointer !important;
}

#hikashop_wishlist_module::before,
.hikashop_wishlist_module::before {
    content: "\f004";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #333333 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

#hikashop_wishlist_module::after,
.hikashop_wishlist_module::after {
    content: "รายการโปรด" !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin-top: 2px !important;
}

#hikashop_cart_module *,
.hikashop_cart_module *,
#hikashop_wishlist_module *,
.hikashop_wishlist_module * {
    font-size: 12px !important;
    color: #333333 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

#hikashop_wishlist_module .hikashop_cart_empty_text,
.hikashop_wishlist_module .hikashop_cart_empty_text {
    display: none !important;
}

/* Floating LINE Chat */
.nana-line-chat {
    position: fixed !important;
    bottom: 120px !important;
    right: 25px !important;
    z-index: 999999 !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #06C755 !important;
    background-image: url('https://nanascrews.com/images/icon-s/icon-line.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.2s ease !important;
    text-decoration: none !important;
}

.nana-line-chat:hover {
    transform: scale(1.08) !important;
}

.nana-line-chat img,
.nana-line-chat text {
    display: none !important;
}

/* 2. Restoring Product Layout (Float-based for HikaShop Native Grid) */
.hikashop_product_page {
    display: block !important;
    width: 100% !important;
}

.hikashop_product_left_part {
    float: left !important;
    width: 45% !important;
    margin-right: 3% !important;
    box-sizing: border-box !important;
}

.hikashop_product_right_part {
    float: right !important;
    width: 52% !important;
    box-sizing: border-box !important;
}

.hikashop_product_page::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 3. Fixing Main Product Image */
.hikashop_product_main_image,
.hikashop_product_main_image a,
.hikashop_product_main_image img,
#hikashop_main_image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 4. Fixing Thumbnails (Removing Container Height Limit) */
.hikashop_product_small_image_subdiv,
.hikashop_product_small_image_div,
#hikashop_product_right_part_thumb,
.hikashop_product_main_image_subdiv {
    height: auto !important;
    max-height: none !important;
    line-height: normal !important;
    margin-top: 15px !important;
    clear: both !important;
}

.hikashop_product_small_image_subdiv a,
.hikashop_product_small_image_div a,
.hikashop_product_small_image_subdiv span,
.hikashop_product_small_image_div span {
    display: inline-block !important;
    width: 70px !important;
    height: 70px !important;
    margin: 0 6px 6px 0 !important;
}

.hikashop_product_small_image_subdiv img,
.hikashop_product_small_image_div img,
.hikashop_product_main_image_subdiv img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    padding: 2px !important;
    background: #ffffff !important;
    display: block !important;
}

/* 5. Hiding Small Grey "Add to Cart" Button */
.hikashop_product_right_part input[type="button"],
.hikashop_product_right_part .hikashop_add_to_cart_button input[type="button"],
.hikashop_product_stock_div input[type="button"] {
    display: none !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .hikashop_product_left_part,
    .hikashop_product_right_part {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* ==========================================================
   6. HIKASHOP PRODUCT LISTING V2
   ========================================================== */
   /* ============================================================
   NANA SCREW - COMPLETE CUSTOM CSS (LAYOUT RESTORED & FIXED)
   ============================================================ */

/* 1. Global Overrides */
body {
    font-family: "Prompt", "Noto Sans Thai", sans-serif !important;
}

#sp-left .sp-module {
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
    z-index: 10 !important;
}

/* Sidebar Styles */
.nana-sidebar {
    width: 100% !important;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box !important;
}

.nana-sidebar-header {
    background: #ff7900;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 15px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0 !important;
}

.nana-sidebar-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nana-sidebar-item {
    position: relative !important;
}

.nana-sidebar-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 15px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.nana-sidebar-link:hover {
    background-color: #fff2e6 !important;
    color: #ff7900 !important;
}

/* Mega Menu */
.nana-mega {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    width: 550px !important;
    min-height: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 4px 4px 15px rgba(0,0,0,0.15) !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
    border-radius: 0 4px 4px 0;
}

.nana-sidebar-item:hover > .nana-mega {
    display: flex !important;
}

.nana-mega-col {
    padding: 15px !important;
    box-sizing: border-box !important;
}

.nana-level2-col {
    width: 45% !important;
    border-right: 1px solid #eee !important;
    background: #fafafa !important;
}

.nana-level3-col {
    width: 55% !important;
    background: #fff !important;
}

.nana-level2-list, .nana-level3-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nana-level2-item a, .nana-level3-list a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 10px !important;
    color: #444 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.nana-level2-item:hover a, 
.nana-level2-item.active a,
.nana-level3-list a:hover {
    color: #ff7900 !important;
    font-weight: bold !important;
}

.nana-level3-group {
    display: none !important;
}

.nana-level3-group.active {
    display: block !important;
}

#sp-main-body {
    position: relative !important;
    z-index: 1 !important;
}

/* Floating Right Sidebar */
#hikashop_cart_module,
.hikashop_cart_module {
    position: fixed !important;
    right: 0 !important;
    top: 35% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-right: none !important;
    border-radius: 8px 0 0 0 !important;
    box-shadow: -4px 2px 10px rgba(0,0,0,0.1) !important;
    padding: 10px 12px !important;
    text-align: center !important;
    min-width: 85px !important;
    cursor: pointer !important;
}

#hikashop_cart_module::before,
.hikashop_cart_module::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    color: #ff7900 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

#hikashop_cart_module::after,
.hikashop_cart_module::after {
    content: "ตะกร้าสินค้า" !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
}

#hikashop_wishlist_module,
.hikashop_wishlist_module {
    position: fixed !important;
    right: 0 !important;
    top: calc(35% + 75px) !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 0 0 0 8px !important;
    box-shadow: -4px 4px 10px rgba(0,0,0,0.1) !important;
    padding: 10px 12px !important;
    text-align: center !important;
    min-width: 85px !important;
    cursor: pointer !important;
}

#hikashop_wishlist_module::before,
.hikashop_wishlist_module::before {
    content: "\f004";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #333333 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

#hikashop_wishlist_module::after,
.hikashop_wishlist_module::after {
    content: "รายการโปรด" !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin-top: 2px !important;
}

#hikashop_cart_module *,
.hikashop_cart_module *,
#hikashop_wishlist_module *,
.hikashop_wishlist_module * {
    font-size: 12px !important;
    color: #333333 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

#hikashop_wishlist_module .hikashop_cart_empty_text,
.hikashop_wishlist_module .hikashop_cart_empty_text {
    display: none !important;
}

/* Floating LINE Chat */
.nana-line-chat {
    position: fixed !important;
    bottom: 120px !important;
    right: 25px !important;
    z-index: 999999 !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #06C755 !important;
    background-image: url('https://nanascrews.com/images/icon-s/icon-line.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.2s ease !important;
    text-decoration: none !important;
}

.nana-line-chat:hover {
    transform: scale(1.08) !important;
}

.nana-line-chat img,
.nana-line-chat text {
    display: none !important;
}

/* 2. Restoring Product Layout (Float-based for HikaShop Native Grid) */
.hikashop_product_page {
    display: block !important;
    width: 100% !important;
}

.hikashop_product_left_part {
    float: left !important;
    width: 45% !important;
    margin-right: 3% !important;
    box-sizing: border-box !important;
}

.hikashop_product_right_part {
    float: right !important;
    width: 52% !important;
    box-sizing: border-box !important;
}

.hikashop_product_page::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 3. Fixing Main Product Image */
.hikashop_product_main_image,
.hikashop_product_main_image a,
.hikashop_product_main_image img,
#hikashop_main_image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 4. Fixing Thumbnails (Removing Container Height Limit) */
.hikashop_product_small_image_subdiv,
.hikashop_product_small_image_div,
#hikashop_product_right_part_thumb,
.hikashop_product_main_image_subdiv {
    height: auto !important;
    max-height: none !important;
    line-height: normal !important;
    margin-top: 15px !important;
    clear: both !important;
}

.hikashop_product_small_image_subdiv a,
.hikashop_product_small_image_div a,
.hikashop_product_small_image_subdiv span,
.hikashop_product_small_image_div span {
    display: inline-block !important;
    width: 70px !important;
    height: 70px !important;
    margin: 0 6px 6px 0 !important;
}

.hikashop_product_small_image_subdiv img,
.hikashop_product_small_image_div img,
.hikashop_product_main_image_subdiv img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    padding: 2px !important;
    background: #ffffff !important;
    display: block !important;
}

/* 5. Hiding Small Grey "Add to Cart" Button */
.hikashop_product_right_part input[type="button"],
.hikashop_product_right_part .hikashop_add_to_cart_button input[type="button"],
.hikashop_product_stock_div input[type="button"] {
    display: none !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .hikashop_product_left_part,
    .hikashop_product_right_part {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* ============================================================
   6. HIKASHOP PRODUCT LISTING V2
============================================================ */

.ns-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #ececec;
    border-radius:8px;
    overflow:hidden;
    transition:.25s ease;
    height:100%;
}

.ns-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.ns-image{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    padding:15px;
}

.ns-image img{
    width:100%;
    height:auto;
    object-fit:contain;
    transition:.3s;
}

.ns-card:hover .ns-image img{
    transform:scale(1.05);
}

.ns-content{
    padding:15px;
    text-align:center;
    flex:1;
}

.ns-footer{
    padding:15px;
    text-align:center;
    margin-top:auto;
}

.hikashop_product_name{
    display:block;
    font-size:20px;
    font-weight:600;
    line-height:1.45;
    color:#333;
    margin-bottom:8px;
}

.hikashop_product_code_list{
    display:block;
    color:#888;
    font-size:14px;
    margin-bottom:10px;
}

.hikashop_product_price{
    font-size:24px;
    color:#f58220;
    font-weight:700;
}