/* 2000fun color */
.fun-line div{
    height: .2rem;
}
.fun-line div:nth-child(1){
    background-image: linear-gradient(to right, #ff3655, #ffcf00);
}
.fun-line div:nth-child(2){
    background-image: linear-gradient(to right, #ffcf00, #00c254);
}
.fun-line div:nth-child(3){
    background-image: linear-gradient(to right, #00c254, #00b094);
}

/* RGB Bar */
.rgb-bar{
    position: relative;
    overflow: hidden;
    height: .225rem;
}
.rgb-bar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 1.25rem;

    background-image: linear-gradient(
            90deg,
            #ff9a9e,
            #fad0c4,
            #a18cd1,
            #cfd9df,
            #84fab0,
            #ffecd2,
            #ff9a9e
    );

    /* 🔥 重点：背景做得很大 */
    background-size: 400% 100%;
    background-position: 0% 50%;

    /* 🔥 慢、丝滑、单向 */
    animation: rgb-flow 12s linear infinite;
}
@keyframes rgb-flow {
    from {
        background-position: 0% 50%;
    }
    to {
        background-position: 100% 50%;
    }
}

/* padding */
.custom-py-2{
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}

/* Font */
.font-sans{
    font-family: Arial, sans-serif !important;
}

/* bg */
.custom-bg-light{
    background-color: #fafafa !important;
}

/* mask */
.light-mask::before{
    background-color: rgba(255, 255, 255, 0.75);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/* Ordered List */
.custom-order-list li{
    padding: .5rem 0;
}

/* digital header */
.digital-header .dropdown-menu.show{
    top: .635rem !important;
}
.digital-header .nav-pills .nav-link{
    border: 1px solid var(--bs-dark);
    color: var(--bs-dark);
}
.digital-header .nav-pills .nav-link.active, .digital-header .nav-pills .show>.nav-link{
    background-color: var(--bs-black) !important;
    color: white !important;
}

/* 麵包屑導航 */
.custom-breadcrumb .breadcrumb-item.active{
}

/* Product card */
.product-card h3{
    min-height: 3.5rem;
}
.product-card-footer .product-price-wrap{
    font-family: Arial, sans-serif !important;
}
/* Ranking label */
.ranking a[data-id="1"]::before, .ranking a[data-id="2"]::before, .ranking a[data-id="3"]::before{
    /*display: none;*/
}
/* Discount tag */
.discount-tag{
    background: linear-gradient(0deg, #e71e07, #f05b16);
    position: relative;
    padding-left: .45rem;
    clip-path: polygon(
            6px 0%,   /* 左上向右偏移 */
            100% 0%,
            100% 100%,
            0% 100%    /* 左下直接到原点形成斜切 */
    );
}

/* nav link */
/* black */
.black-nav-link .nav-link{
    border: 1px solid #eaecf3;
    color: #101419;
}
.black-nav-link .nav-link:hover,
.black-nav-link .nav-link:focus {
    color: #101419;
}
.black-nav-link .nav-link.active {
    border-color: #101419 !important;
    background-color: #101419 !important;
    color: #fff;
}
/* light */
.light-nav-link .nav-link{
    border: 1px solid white;
    color: #6c757d;
}
.light-nav-link .nav-link:hover,
.light-nav-link .nav-link:focus {
    color: #101419;
}
.light-nav-link .nav-link.active {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #101419;
    font-weight: 700 !important;
}

/* 虛擬產頻道首頁頂部輪播圖 */
/* Swiper js */
.digital-swiper{
    width: 100%; /* 调整整体宽度 */
    /*padding: 15px 0;*/
}
/* 手機端 */
.digital-swiper .swiper-slide{
    width: 100%;
    height: 200px;
    transition: transform 0.3s ease;
    position: relative;
}
.digital-swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 统一设置 Swiper 按钮样式 */

/* End Swiper 按钮样式 */
.digital-swiper .swiper-slide::before{
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: var(--bs-border-radius-lg)!important;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}
/* 圓點樣式 */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #e4e9ed;
    opacity: 1;
    margin: 0 6px !important;
}
/* 激活圓點 */
.swiper-pagination-bullet-active {
    background: #008aff;
    transition: all 0.3s ease;
}

/* 精選推薦 */
.product-name-in-img{
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

/* 產品詳情頁 */
.product-details-swiper .swiper-button-next, .product-details-swiper .swiper-button-prev{
    display: flex !important;
}
/* 產品屬性 */
.product-attributes .nav-item{
    position: relative;
}
.product-attributes .nav-item img{
    height: 14px;
}
.product-attributes .nav-item::before{
    background-color: #ccc;
    content: '';
    width: .025rem;
    height: .875rem;
    position: absolute;
    top: 1px;
    right: -9px;
}
.product-attributes .nav-item:last-child::before{
    display: none;
}
.id-code span{
    position: relative;
}
.id-code span:nth-child(2){
    padding-left: .875rem;
}
.id-code span:nth-child(2):not(:empty)::before{
    background-color: #212529;
    content: '';
    width: .025rem;
    height: .875rem;
    position: absolute;
    top: 1px;
    left: 6px;
    transform: skew(-16deg);
}

.digital-product-description .nav-tabs {
    --bs-nav-link-color: #86868b;
    --bs-nav-link-hover-color: #636367;
    --bs-nav-tabs-link-active-color: #212529;
    --bs-nav-tabs-border-color: #d2d2d7;
}
.digital-product-description .nav-tabs .nav-link{
    border: none;
    padding-left: 0;
    padding-right: 0;
}
.digital-product-description .nav-tabs .nav-link.active {
    border-bottom: 2px solid #e73c23;
    background-color: transparent;
    position: relative;
}
.digital-product-description .title-bar{
    border-bottom: 1px solid #d2d2d7;
    padding: .75rem 0;
}
.digital-product-description img{
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}
.digital-product-description .list-group .list-group-item{
    border: 0 !important;
}
.digital-product-description h3{
}
.digital-product-description h4{
    background: linear-gradient(60deg, #efeff0, #ffffff);
    border-left: 2px solid #e73c23;
    padding: 12px 15px;
    line-height: 1;
    font-weight: 500;
    font-size: 1.25rem !important;
    margin-bottom: .875rem;
}

/* Checks and radios */
/* Custom */
.custom-radio-card .btn{
    --bs-btn-padding-y: 0.875rem;
}
.custom-radio-card .btn-check:checked+.btn,
.custom-radio-card .btn.active,
.custom-radio-card .btn.show,
.custom-radio-card .btn:first-child:active,
.custom-radio-card :not(.btn-check)+.btn:active{
    border-color: #f13759 !important;
    background-color: #fffcfa !important;
}
.custom-radio-card .btn-check:checked+.btn::before{
    background-color: #f13759;
    border-radius: 0 0 0 .375rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20PD.%20Made%20by%20Mary%20Akveo%3A%20https%3A%2F%2Fmaryakveo.com%2F%20--%3E%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22check%22%20data-name%3D%22Line%20Color%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%20line-color%22%3E%3Cpolyline%20id%3D%22primary%22%20points%3D%225%2012%2010%2017%2019%208%22%20style%3D%22fill%3A%20none%3B%20stroke%3A%20rgb(255%2C%20255%2C%20255)%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202%3B%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
}

/* Page */
.digital-product-description iframe{
    max-width: 100% !important;
    max-height: 200px;
}

@media (min-width: 768px) {
    /* header */
    .logo{
        max-width: 9.75rem;
    }

    /* Swiper js */
    .digital-swiper{
        padding: 15px 0 15px 0;
    }
    .digital-swiper .swiper-slide {
        width: 505px;
        height: 264px;
    }
    .digital-swiper .swiper-slide::before{
        display: block;
    }
    .digital-swiper .swiper-slide.swiper-slide-active::before, .digital-swiper .swiper-slide.swiper-slide-prev::before, .digital-swiper .swiper-slide.swiper-slide-next::before{
        display: none!important;
    }
    .digital-swiper .swiper-slide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .digital-swiper .swiper-button-prev {
        left: 23.85%; /* 调整左侧按钮位置 */
    }
    .digital-swiper .swiper-button-next {
        right: 23.85%; /* 调整右侧按钮位置 */
    }

    /* Page */
    .digital-product-description iframe{
        max-width: 100% !important;
        max-height: 420px;
    }
}

/* 2K 屏幕 (2048px 以上) */
@media (min-width: 2048px) {
    .digital-swiper .swiper-slide.swiper-slide-prev::before, .digital-swiper .swiper-slide.swiper-slide-active::before, .digital-swiper .swiper-slide.swiper-slide-next::before{
        display: none!important;
    }
    .digital-swiper .swiper-button-prev {
        left: 30px; /* 调整左侧按钮位置 */
    }
    .digital-swiper .swiper-button-next {
        right: 30px; /* 调整右侧按钮位置 */
    }
}

/* 只針對手機 */
@media (max-width: 767.98px) {
    /* Menu */
    .offcanvas-lg.offcanvas-start{
        width: 100% !important;
    }
    .offcanvas-lg .dropdown-menu {
        border: 0 !important;
        display: block;
        position: static;
        transform: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .offcanvas-lg .dropdown-menu.custom-bg-light{
        background-color: transparent !important;
    }

    .digital-swiper .swiper-slide img{
        border-radius: 0 !important;
    }
    .black-nav-link .nav-item{
        width: calc(50% - 0.5rem);
    }
    .black-nav-link .nav-item button{
        width: 100%;
        justify-content: center;
    }
}