/* JUSTIME SHOP — Minimal Luxury UI 2026-10
   Product photography remains full color. This stylesheet changes UI only. */

:root{
    --jt-ink:#252525;
    --jt-muted:#777;
    --jt-line:#e7e4df;
    --jt-soft:#f7f5f1;
    --jt-warm:#f3eee7;
    --jt-white:#fff;
    --jt-dark:#171717;
}

html{scroll-behavior:smooth}
body{
    color:var(--jt-ink);
    background:#fff;
    font-family:"Roboto","Microsoft JhengHei","Noto Sans TC",sans-serif;
    letter-spacing:.015em;
}
a,a:link,a:visited{color:#282828}
a:hover,a:focus{color:#000;text-decoration:none}
.btn{border-radius:0;transition:.2s ease}
.form-control{box-shadow:none!important}
img{filter:none!important}

/* ---------- Header ---------- */
.navbar-default{
    background:rgba(255,255,255,.97);
    border:0;
    box-shadow:0 1px 0 rgba(0,0,0,.10);
}
.navbar-default .navbar-nav>li>a{
    color:#262626!important;
    font-weight:400;
    letter-spacing:.04em;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
    color:#000!important;
}
.navbar-default .dropdown-menu{
    border:1px solid #ece9e4;
    border-radius:0;
    box-shadow:0 14px 34px rgba(0,0,0,.08);
    padding:10px 0;
}
.navbar-default .dropdown-menu>li>a{
    color:#333!important;
    padding:10px 20px;
    font-size:14px;
}
.navbar-default .dropdown-menu>li>a:hover{
    background:#f7f5f1;
    color:#000!important;
}

/* Single-row desktop header, matching selected concept */
@media (min-width:992px){
    body{padding-top:82px!important}
    .navbar-fixed-top{height:82px;min-height:82px}
    .navbar-header{
        height:82px!important;
        float:none!important;
        position:relative;
    }
    .navbar-brand{
        position:fixed!important;
        left:48px!important;
        top:18px!important;
        margin:0!important;
        padding:0!important;
        height:46px!important;
        z-index:1050!important;
    }
    .navbar-brand img{
        width:172px!important;
        height:auto!important;
        max-height:46px!important;
        object-fit:contain;
    }
    .navbar-collapse{
        position:fixed!important;
        left:0!important;
        top:0!important;
        width:100%!important;
        height:82px!important;
        min-height:82px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        z-index:1030!important;
        overflow:visible!important;
    }
    .navbar-collapse>.container{
        height:82px;
        position:relative;
    }
    .navbar-nav{
        position:absolute;
        top:15px;
        left:50%;
        transform:translateX(-50%);
        width:auto!important;
        white-space:nowrap;
        margin:0!important;
        text-align:center;
    }
    .navbar-default .navbar-nav>li>a{
        padding:16px 15px!important;
        height:52px;
        font-size:14px;
    }
    .navbar-default .navbar-nav>li.shop-icon-item>a{
        height:52px!important;
        padding:11px 6px!important;
    }
    .shop-member-desktop{
        position:fixed!important;
        top:15px!important;
        right:72px!important;
        z-index:1051!important;
        margin:0!important;
    }
    .navbar-collapse li.shop{
        position:fixed!important;
        top:15px!important;
        right:28px!important;
        z-index:1051!important;
        margin:0!important;
    }
    .shop-member-desktop>a,
    .navbar-collapse li.shop>a{
        width:40px!important;
        height:52px!important;
        padding:11px 5px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:transparent!important;
    }
    .shop-member-desktop .shop-icon-svg,
    .navbar-collapse li.shop .shop-icon-svg{
        width:26px!important;
        height:26px!important;
        display:block!important;
        flex:none!important;
    }
    .navbar-collapse li.shop .shop-cart-badge{
        top:4px!important;
        right:0!important;
    }
    .search-bar-wrapper{
        position:fixed!important;
        top:19px!important;
        right:130px!important;
        width:210px!important;
        z-index:1050!important;
    }
    .search-bar-wrapper .form-control{
        height:42px!important;
        border-radius:22px!important;
        border:1px solid #d9d6d1!important;
        font-size:13px;
        padding:9px 48px 9px 18px!important;
        background:#fff!important;
    }
    .search-bar-wrapper .input-group-btn{
        right:42px!important;
    }
    .search-bar-wrapper .btn-search-circle{
        width:42px!important;
        height:42px!important;
        line-height:30px!important;
        border-radius:50%!important;
        background:#2b2b2b!important;
        color:#fff!important;
        font-size:20px!important;
    }
}
@media (min-width:992px) and (max-width:1250px){
    .navbar-brand{left:22px!important}
    .search-bar-wrapper{width:175px!important;right:124px!important}
    .navbar-default .navbar-nav>li>a{padding-left:10px!important;padding-right:10px!important}
}
@media (max-width:991px) and (min-width:768px){
    body{padding-top:132px!important}
}

/* ---------- Generic visual system ---------- */
.heading-index{
    font-weight:400;
    color:#292929;
    letter-spacing:.06em;
}
.bg-silver{background:#f7f5f1!important}
.btn-linear,.prod-add-btn,.btn-primary{
    background:#292929!important;
    border:1px solid #292929!important;
    color:#fff!important;
    border-radius:0!important;
}
.btn-linear:hover,.prod-add-btn:hover,.btn-primary:hover{
    background:#000!important;
    border-color:#000!important;
}
.btn-default{
    background:#fff;
    border-color:#d5d2cd;
    color:#292929;
}
.btn-default:hover{background:#f7f5f1;border-color:#aaa;color:#111}

/* Product cards */
.prod-card-inner{
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
}
.prod-card-img-wrapper{
    background:#f6f4f0!important;
    overflow:hidden;
}
.prod-card-img-wrapper img{
    transition:transform .45s ease;
}
.prod-card-inner:hover .prod-card-img-wrapper img{
    transform:scale(1.025);
}
.prod-card-info{padding-top:14px!important}
.prod-price-current{color:#282828!important;font-weight:500!important}
.prod-price-original{color:#aaa!important}
.prod-add-btn{padding:9px 16px!important;font-size:13px!important}

/* Product detail */
.product-price-box,
.product-buy-box{
    border:1px solid #e1ded8!important;
    background:#fff!important;
}
.product-price-box .price,
.product-buy-box .price{color:#333!important}

/* ---------- Footer ---------- */
.footer-wrapper{
    background:#171717!important;
    color:#aaa!important;
    margin-top:70px;
    padding-top:42px!important;
}
.footer-wrapper h4,.footer-wrapper h5{
    color:#fff!important;
    font-weight:400!important;
    letter-spacing:.08em;
}
.footer-wrapper a,.footer-wrapper a:link,.footer-wrapper a:visited{
    color:#aaa!important;
}
.footer-wrapper a:hover{color:#fff!important}
.footer-wrapper hr{border-color:#333!important}
.footer-wrapper .f-social-btn{color:#fff!important}
.footer-wrapper .container{max-width:1280px}

/* ---------- Mobile ---------- */
@media (max-width:767px){
    body{background:#fff}
    .navbar-default{box-shadow:0 1px 0 rgba(0,0,0,.08)}
    .navbar-brand img{max-height:30px;object-fit:contain}
    .navbar-default .navbar-nav>li>a{letter-spacing:.02em}
}


@media (min-width:992px) and (max-width:1380px){
    .navbar-nav{
        left:47%!important;
    }
    .navbar-default .navbar-nav>li>a{
        padding-left:10px!important;
        padding-right:10px!important;
        font-size:13px!important;
    }
    .search-bar-wrapper{
        width:180px!important;
        right:126px!important;
    }
}


/* ==========================================================
   Header desktop tools structural fix
   Member/cart are no longer children of transformed .navbar-nav.
   ========================================================== */
@media (min-width:768px){
    .jt-desktop-tools{
        position:fixed!important;
        top:15px!important;
        right:24px!important;
        height:52px!important;
        display:flex!important;
        align-items:center!important;
        gap:2px!important;
        z-index:1060!important;
        margin:0!important;
        padding:0!important;
    }
    .jt-desktop-tool{
        position:relative!important;
        width:42px!important;
        height:52px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
        margin:0!important;
        color:#252525!important;
        background:transparent!important;
        text-decoration:none!important;
        line-height:1!important;
    }
    .jt-desktop-tool:hover,
    .jt-desktop-tool:focus{
        color:#000!important;
        background:transparent!important;
        text-decoration:none!important;
    }
    .jt-desktop-tool svg{
        display:block!important;
        width:25px!important;
        height:25px!important;
        max-width:none!important;
        flex:none!important;
    }
    .jt-desktop-cart .shop-cart-badge{
        position:absolute!important;
        top:3px!important;
        right:0!important;
    }

    /* Reserve enough room for search + the two independent tools. */
    .search-bar-wrapper{
        right:126px!important;
    }

    /* Old navbar icon elements are not used anymore. */
    .navbar-nav>.shop-member-desktop,
    .navbar-nav>li.shop{
        display:none!important;
    }
}

@media (min-width:992px) and (max-width:1380px){
    .jt-desktop-tools{right:18px!important}
    .search-bar-wrapper{
        right:116px!important;
        width:175px!important;
    }
}



/* Mobile-only components must never render on tablet/desktop. */
.jt-mobile-shell,
.jt-mobile-bottom-nav,
.jt-mobile-home,
.visible-xs-flex{
    display:none!important;
}

/* ==========================================================
   JUSTIME dedicated mobile storefront
   PChome-like mobile information architecture; not desktop-scaled.
   ========================================================== */
@media (max-width:767px){
    html,body{
        width:100%;
        min-width:320px;
        overflow-x:hidden;
        background:#f5f5f5!important;
    }
    body{
        padding-top:142px!important;
        padding-bottom:66px!important;
    }

    /* Hide original desktop/mobile-bootstrap header pieces */
    .navbar-fixed-top,
    .topnav-search-wrapper,
    #search-modal,
    .shop-mobile-links,
    .navbar-header,
    .navbar-collapse{
        display:none!important;
    }

    .jt-mobile-shell{
        display:block!important;
        position:fixed;
        top:0;left:0;right:0;
        z-index:3000;
        background:#fff;
        box-shadow:0 1px 4px rgba(0,0,0,.09);
    }
    .jt-mobile-topbar{
        height:54px;
        padding:0 12px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        border-bottom:1px solid #eee;
    }
    .jt-mobile-logo img{
        display:block;
        width:118px;
        height:34px;
        object-fit:contain;
    }
    .jt-mobile-top-actions{
        display:flex;
        align-items:center;
        gap:6px;
    }
    .jt-mobile-icon{
        position:relative;
        width:38px;
        height:38px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#222!important;
    }
    .jt-mobile-icon svg{
        width:24px;
        height:24px;
        display:block;
    }
    .jt-mobile-badge{
        position:absolute;
        top:0;right:-1px;
        min-width:17px;height:17px;
        border-radius:9px;
        background:#d92323;
        color:#fff;
        font-size:10px;
        line-height:17px;
        text-align:center;
        padding:0 4px;
    }

    .jt-mobile-search{
        margin:0;
        padding:8px 12px 7px;
        background:#fff;
    }
    .jt-mobile-searchbox{
        height:40px;
        background:#f3f3f3;
        border-radius:6px;
        display:flex;
        align-items:center;
        overflow:hidden;
    }
    .jt-mobile-searchbox>svg{
        width:20px;height:20px;
        margin-left:11px;
        color:#777;
        flex:0 0 auto;
    }
    .jt-mobile-searchbox input{
        flex:1;
        min-width:0;
        height:40px;
        border:0;
        outline:0;
        background:transparent;
        padding:0 10px;
        font-size:14px;
        color:#333;
    }
    .jt-mobile-searchbox button{
        width:56px;
        height:40px;
        border:0;
        background:#262626;
        color:#fff;
        font-size:13px;
    }

    .jt-mobile-category-nav{
        height:41px;
        display:flex;
        align-items:center;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        white-space:nowrap;
        background:#fff;
        border-top:1px solid #f3f3f3;
        scrollbar-width:none;
    }
    .jt-mobile-category-nav::-webkit-scrollbar{display:none}
    .jt-mobile-category-nav a{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        height:41px;
        padding:0 16px;
        color:#333!important;
        font-size:13px;
        flex:0 0 auto;
        border-right:1px solid #f0f0f0;
    }

    /* Fixed bottom app bar */
    .visible-xs-flex{display:flex!important}
    .jt-mobile-bottom-nav{
        display:flex!important;
        position:fixed;
        left:0;right:0;bottom:0;
        z-index:3500;
        height:60px;
        background:#fff;
        border-top:1px solid #ddd;
        box-shadow:0 -2px 10px rgba(0,0,0,.05);
        padding-bottom:env(safe-area-inset-bottom);
    }
    .jt-mobile-bottom-item{
        position:relative;
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:2px;
        color:#555!important;
        font-size:11px;
    }
    .jt-mobile-bottom-item svg{
        width:22px;height:22px;display:block;
    }
    .jt-mobile-bottom-badge{
        position:absolute;
        top:4px;
        left:calc(50% + 7px);
        min-width:16px;height:16px;
        border-radius:8px;
        background:#d92323;
        color:#fff;
        font-size:9px;
        line-height:16px;
        text-align:center;
        padding:0 3px;
        font-weight:400;
    }

    /* Mobile homepage */
    .jt-mobile-home{
        display:block!important;
        width:100%;
        background:#f5f5f5;
    }
    .jt-m-hero{
        background:#fff;
        margin-bottom:8px;
    }
    .jt-m-hero>a{
        position:relative;
        display:block;
        height:250px;
        overflow:hidden;
    }
    .jt-m-hero img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }
    .jt-m-hero:after{
        content:"";
        position:absolute;
    }
    .jt-m-hero-copy{
        position:absolute;
        left:18px;
        top:50%;
        transform:translateY(-50%);
        max-width:55%;
        color:#222;
        text-shadow:0 1px 8px rgba(255,255,255,.9);
    }
    .jt-m-hero-copy small{
        display:block;
        font-size:9px;
        letter-spacing:.18em;
        margin-bottom:7px;
    }
    .jt-m-hero-copy h1{
        margin:0 0 7px;
        font-family:Georgia,"Times New Roman",serif;
        font-size:30px;
        line-height:1.03;
        font-weight:400;
    }
    .jt-m-hero-copy p{
        margin:0;
        font-size:13px;
    }

    .jt-m-shortcuts{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:1px;
        background:#e8e8e8;
        margin-bottom:8px;
    }
    .jt-m-shortcuts a{
        min-width:0;
        height:72px;
        background:#fff;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        color:#333!important;
    }
    .jt-m-shortcuts span{
        font-size:13px;
        line-height:1.2;
    }
    .jt-m-shortcuts small{
        margin-top:4px;
        font-size:9px;
        color:#999;
    }

    .jt-m-products{
        background:#fff;
        padding:13px 10px 18px;
    }
    .jt-m-section-title{
        display:flex;
        align-items:center;
        justify-content:space-between;
        margin-bottom:12px;
    }
    .jt-m-section-title h2{
        margin:0;
        font-size:18px;
        font-weight:600;
        color:#222;
    }
    .jt-m-section-title a{
        color:#888!important;
        font-size:12px;
    }
    .jt-m-product-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .jt-m-product-card{
        background:#fff;
        border:1px solid #eee;
        border-radius:4px;
        overflow:hidden;
        min-width:0;
    }
    .jt-m-product-img{
        display:block;
        aspect-ratio:1/1;
        background:#fafafa;
        overflow:hidden;
    }
    .jt-m-product-img img{
        width:100%;
        height:100%;
        object-fit:contain;
        padding:7px;
        display:block;
    }
    .jt-m-product-info{
        padding:9px 9px 10px;
    }
    .jt-m-product-name{
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        height:38px;
        line-height:19px;
        font-size:13px;
        color:#333!important;
        margin-bottom:4px;
    }
    .jt-m-product-no{
        color:#aaa;
        font-size:10px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        margin-bottom:8px;
    }
    .jt-m-product-bottom{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:5px;
    }
    .jt-m-price{
        color:#d92323;
        font-size:14px;
        font-weight:600;
        white-space:nowrap;
    }
    .jt-m-product-bottom form{margin:0}
    .jt-m-cart-btn{
        width:30px;
        height:30px;
        border:1px solid #222;
        border-radius:50%;
        background:#fff;
        color:#222;
        font-size:18px;
        line-height:26px;
        padding:0;
    }

    /* Product detail: mobile-specific linear layout */
    .product-detail-wrapper .container,
    .product-detail-wrapper .row{
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }
    .product-detail-wrapper [class*="col-"]{
        width:100%!important;
        float:none!important;
        padding:0 12px!important;
    }

    /* Footer: shorter on mobile, bottom nav owns navigation */
    .footer-wrapper{
        margin-top:10px!important;
        padding:26px 14px 78px!important;
    }
}


/* Legacy back-to-top icon disabled: it can render as an oversized triangle with the icon font. */
#top.btn-2top,
button.btn-2top.icon-indicator-up{
    display:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
}


/* ==========================================================
   ProductList.php mobile layout fix
   The actual markup uses .row + .prod-card (not .prod-grid).
   Desktop/tablet remain unchanged.
   ========================================================== */
@media (max-width:767px){
    .jt-product-list-page{
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:10px 8px 22px!important;
        background:#fff!important;
        min-height:300px!important;
    }

    .jt-product-list-page>.row{
        margin-left:0!important;
        margin-right:0!important;
    }

    .jt-product-list-row{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:stretch!important;
        margin-left:-5px!important;
        margin-right:-5px!important;
    }

    .jt-product-list-row>.prod-card{
        display:block!important;
        float:none!important;
        width:50%!important;
        max-width:50%!important;
        flex:0 0 50%!important;
        padding-left:5px!important;
        padding-right:5px!important;
        margin:0 0 10px!important;
        min-height:1px!important;
        visibility:visible!important;
        opacity:1!important;
    }

    .jt-product-list-row>.prod-card .prod-card-inner{
        display:flex!important;
        flex-direction:column!important;
        height:100%!important;
        min-height:0!important;
        padding:7px 7px 9px!important;
        border:1px solid #eee!important;
        border-radius:4px!important;
        background:#fff!important;
        box-shadow:none!important;
        transform:none!important;
    }

    .jt-product-list-row .prod-card-img-wrapper{
        display:block!important;
        width:100%!important;
        height:auto!important;
        aspect-ratio:1/1!important;
        background:#fafafa!important;
        border-radius:0!important;
        overflow:hidden!important;
    }

    .jt-product-list-row .prod-card-img-wrapper img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        object-fit:contain!important;
        padding:5px!important;
        opacity:1!important;
        visibility:visible!important;
    }

    .jt-product-list-row .prod-card-info{
        display:flex!important;
        flex-direction:column!important;
        flex:1 1 auto!important;
        padding:0!important;
    }

    .jt-product-list-row .prod-card p.text-small-light{
        display:block!important;
        margin:8px 0 2px!important;
        font-size:10px!important;
        line-height:1.4!important;
        color:#999!important;
    }

    .jt-product-list-row .prod-card p.text-normal-gray{
        display:block!important;
        min-height:38px!important;
        margin:0!important;
        line-height:19px!important;
    }

    .jt-product-list-row .prod-card p.text-normal-gray a{
        display:-webkit-box!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
        font-size:13px!important;
        line-height:19px!important;
        color:#333!important;
    }

    .jt-product-list-row .prod-price-area{
        display:block!important;
        min-height:58px!important;
        margin-top:7px!important;
        padding-top:7px!important;
        border-top:1px solid #f0f0f0!important;
    }

    .jt-product-list-row .prod-price-current{
        font-size:15px!important;
        line-height:1.3!important;
        white-space:nowrap!important;
    }

    .jt-product-list-row .prod-price-label{
        margin-left:3px!important;
        padding:1px 4px!important;
        font-size:9px!important;
    }

    .jt-product-list-row .prod-price-original{
        font-size:10px!important;
    }

    .jt-product-list-row .prod-action{
        display:block!important;
        margin-top:auto!important;
        padding-top:6px!important;
    }

    .jt-product-list-row .prod-action .btn{
        display:block!important;
        width:100%!important;
        height:34px!important;
        padding:6px 4px!important;
        font-size:12px!important;
        border-radius:2px!important;
    }

    .jt-product-list-row .prod-stock-note{
        min-height:16px!important;
        margin-top:4px!important;
        font-size:9px!important;
        line-height:1.3!important;
    }

    /* Do not let legacy xs-row-list turn each product back into a full-width row. */
    .jt-product-list-row>.xs-row-list{
        display:block!important;
        width:50%!important;
        border-bottom:0!important;
    }

    .jt-product-list-page .pagination-container{
        display:none!important;
    }
}


/* Mobile category drawer — uses the exact same URLs as desktop category menu. */
.jt-mobile-category-panel,
.jt-mobile-side-panel,
.jt-mobile-panel-mask{
    display:none!important;
}

@media(max-width:767px){
    .jt-mobile-category-nav .jt-mobile-category-trigger{
        appearance:none;
        -webkit-appearance:none;
        flex:0 0 auto;
        height:41px;
        padding:0 16px;
        border:0;
        border-right:1px solid #f0f0f0;
        background:#fff;
        color:#333;
        font-size:13px;
        font-family:inherit;
    }

    .jt-mobile-category-panel,
    .jt-mobile-side-panel{
        display:block!important;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        width:min(82vw,330px);
        z-index:4100;
        background:#fff;
        transform:translateX(105%);
        transition:transform .24s ease;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        box-shadow:-8px 0 30px rgba(0,0,0,.14);
    }
    .jt-mobile-category-panel.is-open,
    .jt-mobile-side-panel.is-open{
        transform:translateX(0);
    }

    .jt-mobile-panel-mask{
        display:block!important;
        position:fixed;
        inset:0;
        z-index:4050;
        background:rgba(0,0,0,.38);
        opacity:0;
        visibility:hidden;
        transition:opacity .2s ease,visibility .2s ease;
    }
    .jt-mobile-panel-mask.is-open{
        opacity:1;
        visibility:visible;
    }

    .jt-mobile-panel-head{
        position:sticky;
        top:0;
        z-index:2;
        height:56px;
        padding:0 14px 0 18px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        background:#fff;
        border-bottom:1px solid #e7e7e7;
    }
    .jt-mobile-panel-head strong{
        font-size:17px;
        font-weight:600;
    }
    .jt-mobile-panel-close{
        width:40px;
        height:40px;
        padding:0;
        border:0;
        background:transparent;
        font-size:28px;
        line-height:36px;
        font-weight:300;
        color:#333;
    }

    .jt-mobile-panel-list a{
        min-height:49px;
        padding:0 17px;
        border-bottom:1px solid #eee;
        display:flex;
        align-items:center;
        justify-content:space-between;
        color:#333!important;
        font-size:14px;
    }
    .jt-mobile-panel-list a b{
        color:#aaa;
        font-size:21px;
        font-weight:300;
    }

    .jt-mobile-bottom-category{
        border:0!important;
        background:#fff!important;
        padding:0!important;
        font-family:inherit!important;
    }

    html.jt-mobile-menu-open,
    html.jt-mobile-menu-open body{
        overflow:hidden!important;
    }
}


/* Hide floating Cookie preference button only; cookie logic remains active. */
#cookie-settings,
.cookie-settings,
.cookie-setting,
.cookie-preference,
.cookie-preferences,
.cookie-consent-toggle,
.cookie-fab,
.cookie-button,
button[aria-label*="Cookie" i],
button[title*="Cookie" i],
a[aria-label*="Cookie" i],
a[title*="Cookie" i]{
    display:none!important;
}


/* Disable legacy floating cookie FAB */
#jt-cookie-fab,
.jt-cookie-fab{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}


/* Mobile header: top-right member/cart removed; bottom navigation is the only entry point. */
@media(max-width:767px){
    .jt-mobile-topbar{
        justify-content:flex-start!important;
    }
    .jt-mobile-logo{
        display:flex!important;
        align-items:center!important;
        height:54px!important;
    }
}


/* Mobile header logo centered */
@media(max-width:767px){
    .jt-mobile-topbar{
        position:relative!important;
        justify-content:center!important;
    }

    .jt-mobile-logo{
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        margin:0!important;
        height:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    .jt-mobile-logo img{
        display:block!important;
        margin:0 auto!important;
    }
}


/* Desktop header search: wider field */
@media(min-width:768px){
    .jt-desktop-header .jt-header-search,
    .jt-desktop-header .header-search,
    .navbar .search-box,
    .navbar .search-form,
    .navbar .form-search,
    .navbar-form.navbar-right{
        width:280px!important;
        max-width:280px!important;
    }

    .jt-desktop-header .jt-header-search input,
    .jt-desktop-header .header-search input,
    .navbar .search-box input,
    .navbar .search-form input,
    .navbar .form-search input,
    .navbar-form.navbar-right input[type="text"],
    .navbar-form.navbar-right input[type="search"]{
        width:230px!important;
        min-width:230px!important;
        max-width:none!important;
    }
}


/* Desktop header: centered logo on its own top row */
@media(min-width:768px){
    /* main desktop header wrapper */
    .jt-desktop-header,
    .navbar.navbar-default.navbar-fixed-top{
        position:relative!important;
    }

    /* common header inner containers become two-row layout */
    .jt-desktop-header .container,
    .navbar.navbar-default.navbar-fixed-top > .container,
    .navbar.navbar-default.navbar-fixed-top .container{
        position:relative!important;
    }

    /* logo/brand centered in the first row */
    .jt-desktop-header .navbar-header,
    .navbar.navbar-default.navbar-fixed-top .navbar-header{
        position:relative!important;
        float:none!important;
        width:100%!important;
        height:78px!important;
        min-height:78px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
    }

    .jt-desktop-header .navbar-brand,
    .navbar.navbar-default.navbar-fixed-top .navbar-brand{
        position:static!important;
        float:none!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
    }

    .jt-desktop-header .navbar-brand img,
    .navbar.navbar-default.navbar-fixed-top .navbar-brand img{
        display:block!important;
        margin:0 auto!important;
        max-height:48px!important;
        width:auto!important;
    }

    /* second row: menu + search + member/cart */
    .jt-desktop-header .navbar-collapse,
    .navbar.navbar-default.navbar-fixed-top .navbar-collapse{
        position:relative!important;
        float:none!important;
        width:100%!important;
        min-height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-top:1px solid #eee!important;
        padding:0 24px!important;
        margin:0!important;
    }

    .jt-desktop-header .navbar-nav,
    .navbar.navbar-default.navbar-fixed-top .navbar-nav{
        float:none!important;
        margin:0 auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    /* keep right-side search/actions pinned to the right of row 2 */
    .jt-desktop-header .navbar-right,
    .navbar.navbar-default.navbar-fixed-top .navbar-right{
        position:absolute!important;
        right:24px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        margin:0!important;
        float:none!important;
        display:flex!important;
        align-items:center!important;
    }

    /* avoid old left logo spacing affecting row 2 */
    .jt-desktop-header .navbar-left,
    .navbar.navbar-default.navbar-fixed-top .navbar-left{
        float:none!important;
    }
}


/* ==========================================================
   FINAL DESKTOP HEADER LOCK
   Goal: centered top logo + right search/tools + second-row nav
   Keep layout stable and prevent drifting/overlap.
   ========================================================== */
@media (min-width: 992px){
    html, body{
        overflow-x:hidden !important;
    }

    body{
        padding-top:148px !important;
    }

    .navbar.navbar-default.navbar-fixed-top{
        height:148px !important;
        min-height:148px !important;
        background:#fff !important;
        border:0 !important;
        box-shadow:0 1px 0 rgba(0,0,0,.08) !important;
    }

    .navbar-fixed-top .navbar-header{
        position:relative !important;
        float:none !important;
        height:82px !important;
        min-height:82px !important;
        padding:0 !important;
    }

    .navbar-fixed-top .navbar-brand{
        position:absolute !important;
        left:50% !important;
        top:18px !important;
        transform:translateX(-50%) !important;
        width:auto !important;
        height:46px !important;
        margin:0 !important;
        padding:0 !important;
        z-index:1062 !important;
    }

    .navbar-fixed-top .navbar-brand img{
        width:248px !important;
        max-width:none !important;
        max-height:46px !important;
        height:auto !important;
        object-fit:contain !important;
    }

    .search-bar-wrapper.hidden-xs{
        position:fixed !important;
        top:18px !important;
        right:78px !important;
        width:270px !important;
        z-index:1063 !important;
    }

    .search-bar-wrapper .input-group{
        width:100% !important;
    }

    .search-bar-wrapper .form-control{
        height:40px !important;
        padding:8px 50px 8px 16px !important;
        border-radius:22px !important;
    }

    .search-bar-wrapper .btn-search-circle{
        width:40px !important;
        height:40px !important;
        line-height:40px !important;
    }

    .jt-desktop-tools.hidden-xs{
        position:fixed !important;
        top:18px !important;
        right:20px !important;
        height:40px !important;
        display:flex !important;
        align-items:center !important;
        gap:6px !important;
        z-index:1064 !important;
    }

    .jt-desktop-tool{
        width:34px !important;
        height:40px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        margin:0 !important;
    }

    .jt-desktop-tool svg{
        width:24px !important;
        height:24px !important;
    }

    .navbar-fixed-top .navbar-collapse{
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        top:82px !important;
        width:100% !important;
        height:54px !important;
        min-height:54px !important;
        border-top:1px solid #ece7e1 !important;
        border-bottom:1px solid #ece7e1 !important;
        background:#fff !important;
        box-shadow:none !important;
        overflow:visible !important;
        padding:0 !important;
        z-index:1061 !important;
    }

    .navbar-fixed-top .navbar-collapse > .container{
        position:relative !important;
        height:54px !important;
    }

    .navbar-fixed-top .navbar-nav{
        position:static !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;
        float:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:0 !important;
        width:max-content !important;
        margin:0 auto !important;
        white-space:nowrap !important;
    }

    .navbar-fixed-top .navbar-nav > li{
        float:none !important;
        display:block !important;
    }

    .navbar-fixed-top .navbar-nav > li > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        height:54px !important;
        padding:0 22px !important;
        white-space:nowrap !important;
        line-height:1 !important;
    }

    nav[aria-label="breadcrumb"].bg-silver,
    .container-fluid.bg-silver{
        position:relative !important;
        z-index:1 !important;
        margin-top:0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1280px){
    .search-bar-wrapper.hidden-xs{
        width:230px !important;
        right:72px !important;
    }
    .navbar-fixed-top .navbar-nav > li > a{
        padding:0 16px !important;
        font-size:14px !important;
    }
}



/* ==========================================================
   FINAL DESKTOP HEADER — reference layout 2026-10-01
   Row 1: centered logo + search at right
   Row 2: nav + member/cart in the same centered line
   ========================================================== */
@media (min-width:992px){

    body{
        padding-top:146px!important;
    }

    .navbar.navbar-default.navbar-fixed-top{
        height:146px!important;
        min-height:146px!important;
        background:#fff!important;
        border:0!important;
        box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
    }

    /* ---------- Row 1 ---------- */
    .navbar-fixed-top .navbar-header{
        position:relative!important;
        float:none!important;
        width:100%!important;
        height:82px!important;
        min-height:82px!important;
        margin:0!important;
        padding:0!important;
        border-bottom:1px solid #ececec!important;
    }

    .navbar-fixed-top .navbar-brand{
        position:absolute!important;
        top:19px!important;
        left:50%!important;
        transform:translateX(-50%)!important;
        margin:0!important;
        padding:0!important;
        width:auto!important;
        height:44px!important;
        z-index:1065!important;
    }

    .navbar-fixed-top .navbar-brand img{
        display:block!important;
        width:218px!important;
        max-width:none!important;
        height:auto!important;
        max-height:44px!important;
        object-fit:contain!important;
        margin:0!important;
    }

    /* Search stays top-right */
    .search-bar-wrapper.hidden-xs{
        position:fixed!important;
        top:18px!important;
        right:24px!important;
        width:300px!important;
        z-index:1066!important;
        margin:0!important;
    }

    .search-bar-wrapper .input-group{
        width:100%!important;
    }

    .search-bar-wrapper .form-control{
        width:100%!important;
        height:42px!important;
        padding:8px 54px 8px 17px!important;
        border:1px solid #d8d8d8!important;
        border-radius:24px!important;
        box-shadow:none!important;
        background:#fff!important;
        font-size:13px!important;
    }

    .search-bar-wrapper .input-group-btn{
        position:absolute!important;
        top:0!important;
        right:0!important;
        width:42px!important;
        height:42px!important;
    }

    .search-bar-wrapper .btn-search-circle{
        position:absolute!important;
        top:0!important;
        right:0!important;
        width:42px!important;
        height:42px!important;
        padding:0!important;
        border-radius:50%!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:#242424!important;
        color:#fff!important;
    }

    /* ---------- Row 2 ---------- */
    .navbar-fixed-top .navbar-collapse{
        position:fixed!important;
        top:82px!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        height:54px!important;
        min-height:54px!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
        border-bottom:1px solid #e7e7e7!important;
        background:#fff!important;
        box-shadow:none!important;
        overflow:visible!important;
        z-index:1063!important;
    }

    .navbar-fixed-top .navbar-collapse > .container{
        position:relative!important;
        height:54px!important;
        min-height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
    }

    .navbar-fixed-top .navbar-nav{
        position:static!important;
        float:none!important;
        width:auto!important;
        height:54px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        white-space:nowrap!important;
    }

    .navbar-fixed-top .navbar-nav > li{
        float:none!important;
        display:block!important;
        height:54px!important;
    }

    .navbar-fixed-top .navbar-nav > li > a{
        height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0 19px!important;
        margin:0!important;
        line-height:1!important;
        white-space:nowrap!important;
        font-size:14px!important;
    }

    /* Desktop member/cart move from row 1 to row 2 */
    .jt-desktop-tools.hidden-xs{
        position:static!important;
        width:auto!important;
        height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        margin:0 0 0 6px!important;
        padding:0!important;
        transform:none!important;
        z-index:auto!important;
    }

    .jt-desktop-tool{
        position:relative!important;
        width:36px!important;
        height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
        margin:0!important;
        color:#252525!important;
    }

    .jt-desktop-tool svg{
        width:23px!important;
        height:23px!important;
        display:block!important;
    }

    .jt-desktop-cart .shop-cart-badge{
        top:7px!important;
        right:0!important;
    }

    /* Put tools visually beside nav even though markup is outside collapse */
    #searchform1 + .jt-desktop-tools{
        position:fixed!important;
        top:82px!important;
        left:calc(50% + 260px)!important;
        right:auto!important;
        height:54px!important;
        z-index:1067!important;
    }

    /* Breadcrumb must always begin below header */
    nav[aria-label="breadcrumb"].bg-silver,
    .container-fluid.bg-silver{
        position:relative!important;
        z-index:1!important;
        margin-top:0!important;
        top:auto!important;
        transform:none!important;
    }
}

/* Keep desktop layout stable on narrower desktops */
@media (min-width:992px) and (max-width:1280px){
    .search-bar-wrapper.hidden-xs{
        width:245px!important;
        right:20px!important;
    }

    .navbar-fixed-top .navbar-nav > li > a{
        padding-left:14px!important;
        padding-right:14px!important;
        font-size:13px!important;
    }

    #searchform1 + .jt-desktop-tools{
        left:calc(50% + 225px)!important;
    }
}


/* ==========================================================
   ABSOLUTE FINAL FIX — override legacy high-specificity rules
   ========================================================== */
@media (min-width:992px){

    body{
        padding-top:146px!important;
    }

    body .navbar.navbar-default.navbar-fixed-top{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        bottom:auto!important;
        width:100%!important;
        height:136px!important;
        min-height:136px!important;
        margin:0!important;
        transform:none!important;
        z-index:1060!important;
        background:#fff!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-header{
        position:static!important;
        float:none!important;
        width:100%!important;
        height:82px!important;
        min-height:82px!important;
        margin:0!important;
        padding:0!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-brand{
        position:fixed!important;
        top:18px!important;
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
        width:auto!important;
        height:46px!important;
        margin:0!important;
        padding:0!important;
        z-index:1070!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-brand img{
        display:block!important;
        width:218px!important;
        height:auto!important;
        max-width:none!important;
        max-height:46px!important;
        margin:0!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-collapse{
        position:fixed!important;
        top:82px!important;
        left:0!important;
        right:0!important;
        bottom:auto!important;
        width:100%!important;
        height:54px!important;
        min-height:54px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        border-top:1px solid #ececec!important;
        border-bottom:1px solid #e7e7e7!important;
        background:#fff!important;
        overflow:visible!important;
        z-index:1065!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-collapse > .container{
        position:static!important;
        width:100%!important;
        height:54px!important;
        min-height:54px!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-nav{
        position:static!important;
        float:none!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        height:54px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-nav > li{
        float:none!important;
        height:54px!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-nav > li > a{
        height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0 18px!important;
        margin:0!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    body .search-bar-wrapper.hidden-xs{
        position:fixed!important;
        top:18px!important;
        right:24px!important;
        width:300px!important;
        margin:0!important;
        z-index:1072!important;
        transform:none!important;
    }

    body #searchform1 + .jt-desktop-tools.hidden-xs{
        position:fixed!important;
        top:82px!important;
        left:calc(50% + 255px)!important;
        right:auto!important;
        width:auto!important;
        height:54px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        z-index:1071!important;
    }

    body #searchform1 + .jt-desktop-tools .jt-desktop-tool{
        width:36px!important;
        height:54px!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    body nav[aria-label="breadcrumb"].bg-silver,
    body .container-fluid.bg-silver{
        position:relative!important;
        top:auto!important;
        margin-top:0!important;
        transform:none!important;
        z-index:1!important;
    }
}

@media (min-width:992px) and (max-width:1280px){
    body .search-bar-wrapper.hidden-xs{
        width:245px!important;
        right:20px!important;
    }

    body #searchform1 + .jt-desktop-tools.hidden-xs{
        left:calc(50% + 220px)!important;
    }

    body .navbar.navbar-default.navbar-fixed-top .navbar-nav > li > a{
        padding-left:13px!important;
        padding-right:13px!important;
        font-size:13px!important;
    }
}


/* Desktop breadcrumb top edge aligns exactly with header bottom line */
@media (min-width:992px){
    body{
        padding-top:136px!important;
    }

    body nav[aria-label="breadcrumb"].bg-silver,
    body .container-fluid.bg-silver{
        margin-top:0!important;
        padding-top:0!important;
        top:auto!important;
        transform:none!important;
    }
}


/* Mobile bottom nav: Home / Member / Cart / Chat */
@media(max-width:767px){
    .jt-mobile-bottom-nav{
        display:grid!important;
        grid-template-columns:repeat(4,1fr)!important;
    }

    .jt-mobile-bottom-nav > a{
        width:auto!important;
        min-width:0!important;
        flex:none!important;
    }

    .jt-mobile-chat-btn{
        color:#333!important;
        text-decoration:none!important;
    }

    .jt-mobile-chat-btn .jt-mobile-bottom-icon{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
}


/* FINAL mobile bottom navigation: 首頁 / 會員 / 購物車 / 聊聊 */



/* Product category index: mobile 2 columns */



/* Product Index mobile 2-column width fix */
@media(max-width:767px){
    .jt-product-index-page{
        width:100%!important;
        max-width:none!important;
        padding-left:10px!important;
        padding-right:10px!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page > .row{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        width:100%!important;
        margin:0!important;
    }

    .jt-product-index-page > .row > [class*="col-"]{
        width:100%!important;
        max-width:none!important;
        flex:none!important;
        float:none!important;
        padding:0!important;
        margin:0!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page .thumbnail,
    .jt-product-index-page .product-type-card{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:7px!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page .thumbnail > a,
    .jt-product-index-page .product-type-card > a{
        display:block!important;
        width:100%!important;
    }

    .jt-product-index-page .thumbnail img,
    .jt-product-index-page .product-type-card img{
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        object-fit:contain!important;
        display:block!important;
        margin:0 auto!important;
    }

    .jt-product-index-page .caption{
        width:100%!important;
        padding:8px 2px 6px!important;
        text-align:center!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page .caption,
    .jt-product-index-page .caption a,
    .jt-product-index-page .caption p{
        text-align:center!important;
        font-size:13px!important;
        line-height:1.35!important;
        white-space:normal!important;
        word-break:break-word!important;
    }
}


/* Product Index mobile exact 2-column layout */
@media(max-width:767px){
    /* Outer bootstrap wrapper must stay full width */
    .jt-product-index-page{
        width:100%!important;
        max-width:none!important;
        padding-left:12px!important;
        padding-right:12px!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page > .row{
        display:block!important;
        margin-left:0!important;
        margin-right:0!important;
        width:100%!important;
    }

    .jt-product-index-page > .row > .col-sm-12.col-xs-12{
        width:100%!important;
        max-width:100%!important;
        float:none!important;
        display:block!important;
        padding-left:0!important;
        padding-right:0!important;
        margin:0!important;
    }

    /* ONLY the actual category cards become 2 columns */
    .jt-product-index-page .prod-index-section > .row{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        column-gap:10px!important;
        row-gap:14px!important;
        width:100%!important;
        margin:0!important;
    }

    .jt-product-index-page .prod-index-section > .row > .prod-index-card{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        float:none!important;
        display:block!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page .prod-index-card-inner{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        padding:7px!important;
        box-sizing:border-box!important;
    }

    .jt-product-index-page .prod-index-card-inner > a{
        display:block!important;
        width:100%!important;
    }

    .jt-product-index-page .product-type-thumb{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        aspect-ratio:1 / 1!important;
        object-fit:contain!important;
        margin:0 auto!important;
    }

    .jt-product-index-page .prod-index-card-title{
        width:100%!important;
        margin:7px 0 4px!important;
        padding:0 2px!important;
        box-sizing:border-box!important;
        text-align:center!important;
        font-size:13px!important;
        line-height:1.35!important;
        min-height:35px!important;
    }

    .jt-product-index-page .prod-index-card-title a{
        display:block!important;
        width:100%!important;
        text-align:center!important;
        white-space:normal!important;
        word-break:break-word!important;
    }
}


/* Product Index mobile grid: remove Bootstrap row pseudo grid-items */
@media(max-width:767px){
    .jt-product-index-page .prod-index-section > .row::before,
    .jt-product-index-page .prod-index-section > .row::after{
        content:none!important;
        display:none!important;
    }
}


/* Product detail: hide breadcrumb on mobile only */
@media(max-width:767px){
    .jt-product-detail-breadcrumb{
        display:none!important;
    }
}


/* Mobile: hide large black footer sections; keep bottom navigation */
@media(max-width:767px){
    .jt-main-footer{
        display:none!important;
    }
}