@media (min-width: 1510px) {
    .hero-section {
        height: 500px;
        width: 100%;
        background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 35 V 20 H 60 V 60 H 20 V 45' fill='none' stroke='%23EAB344' stroke-width='2' stroke-opacity='0.3'/%3E%3C/svg%3E"); background-size: 80px 80px;
        border-bottom: 3px solid var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .hero-section-top-text {
        font-size: 128px;
        color: #fff;
        filter: drop-shadow(0 4px 4px var(--hero-text-color));
        position: absolute;
        top: 20px;
        left: 200px;
    }

    .hero-section-bottom-text {
        font-size: 128px;
        color: var(--hero-text-color);
        filter: drop-shadow(0 4px 4px rgba(0,0,0,0.8));
        position: absolute;
        bottom: 20px;
        right: 80px;
    }

    .flip-card-wrapper{
        transform: translateY(30vh);
        transition: transform 1.6s;
    }

    .flip-card-wrapper.finish{
        transform: translateY(0);
    }

    .flip-card {
        position: relative;
        width: 280px;
        height: 392px;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .flip-card img {
        object-fit: contain;
        width: 100%;
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        top: 0;
        left: 0;
        backface-visibility: hidden;
    }

    .flip-card-front {
        z-index: 2;
    }

    .flip-card-back {
        transform: rotateY(180deg);
        z-index: 1;
    }

    .flip-card.flip {
        transform: rotateY(180deg);
    }

    .home-collection-wrapper{
        padding: 60px;
        width: 100%;
    }

    .home-collection-title{
        font-size: 50px;
        color: #4d4d4d;
    }

    .home-collection-ul{
        display: grid;
        grid-template-columns: repeat(auto-fit, 130px);
        justify-content: space-between;
        margin-top: 40px;
        color: #545454;
        font-size: 15px;
        text-align: center;
    }

    .home-collection-ul li{
        width: 130px;
    }

    .menu-image img{
        width: 130px;
        height: 130px;
        border-radius: 10px;
        margin: 0 auto 15px;
    }

    .new-products-wrapper{
        padding: 60px;
        width: 100%;
    }

    .new-products-title{
        font-size: 50px;
        color: #4d4d4d;
    }
    
    .new-products-wrapper h2{
        margin-top: 20px;
        background: var(--primary-color);
        color: white;
        font-weight: 600;
        font-size: 24px;
        border-radius: 10px;
        padding: 10px;
    }

    .new-products{
        width: 100%;
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(6, 15%);
        justify-content: center;
        justify-content: space-between;
        gap: 30px 0;
    }

    .new-products li{
        width: 100%;
        justify-content: center;
        position: relative;
        height: 500px;
    }

    .new-products img {
        height: 300px !important;
        object-fit: contain;
        border: 1px solid #f2f2f2;
    }

    .product-title {
        margin-top: 5px;
        font-size: 18px;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .collection-product-bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .product-price span{
        font-size: 18px !important;
        font-weight: 500;
        margin-bottom: .5em;
        color: #515151 !important;
    }

    .qty-number .stock {
        font-size: .92em;
    }

    .qty-number .in-stock{
        color: #b3af54;
    }

    .qty-number .out-of-stock {
        color: var(--wc-red);
        font-size: .92em;
    }

    .qty-control {
        display: inline-flex;
        width: 100%;
        max-width: 180px;
        justify-content: center;
        margin-top: 20px;
    }

    .qty-control input {
        width: 60%;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: 600;
    }

    .minus {
        border-radius: 6px 0 0 6px;
    }

    .plus {
        border-radius: 0 6px 6px 0;
    }

    .minus, .plus {
        width: 20%;
        border: none;
        background: var(--primary-color);
        cursor: pointer;
    }

    .minus:hover,
    .plus:hover {
        background: var(--primary-color-hover);
    }

    .qty-control button:disabled, .CartBtn button:disabled {
        background-color: var(--primary-color-disabled);
        cursor: not-allowed;
    }

    .CartBtn {
        margin-top: 20px;
    }

    .CartBtn a {
        cursor: pointer;
        overflow: visible;
        padding: .618em 1em;
        font-weight: 600;
        left: auto;
        color: #fff;
        background-color: var(--primary-color);
        border: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 10px ;
    }

    .CartBtn a:hover {
        background-color: var(--primary-color-hover);
    }

    .added_to_cart{
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1509px) {
    .hero-section {
        height: 500px;
        width: 100%;
        background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 35 V 20 H 60 V 60 H 20 V 45' fill='none' stroke='%23EAB344' stroke-width='2' stroke-opacity='0.3'/%3E%3C/svg%3E"); background-size: 80px 80px;
        border-bottom: 3px solid var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .hero-section-top-text {
        font-size: 100px;
        color: #fff;
        filter: drop-shadow(0 4px 4px var(--hero-text-color));
        position: absolute;
        top: 20px;
        left: 80px;
    }

    .hero-section-bottom-text {
        font-size: 100px;
        color: var(--hero-text-color);
        filter: drop-shadow(0 4px 4px rgba(0,0,0,0.8));
        position: absolute;
        bottom: 20px;
        right: 0;
    }

    .flip-card-wrapper{
        transform: translateY(30vh);
        transition: transform 1.6s;
    }

    .flip-card-wrapper.finish{
        transform: translateY(0);
    }

    .flip-card {
        position: relative;
        width: 280px;
        height: 392px;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .flip-card img {
        object-fit: contain;
        width: 100%;
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        top: 0;
        left: 0;
        backface-visibility: hidden;
    }

    .flip-card-front {
        z-index: 2;
    }

    .flip-card-back {
        transform: rotateY(180deg);
        z-index: 1;
    }

    .flip-card.flip {
        transform: rotateY(180deg);
    }

    .home-collection-wrapper{
        padding: 60px 30px 30px;
        width: 100%;
    }

    .home-collection-title{
        font-size: 50px;
        color: #4d4d4d;
    }

    .home-collection-ul{
        display: grid;
        grid-template-columns: repeat(auto-fit, 110px);
        justify-content: space-between;
        gap: 10px;
        margin-top: 40px;
        color: #545454;
        font-size: 15px;
        text-align: center;
    }

    .home-collection-ul li{
        width: 110px;
    }

    .menu-image img{
        width: 110px;
        height: 110px;
        border-radius: 10px;
        margin: 0 auto 15px;
    }

    .new-products-wrapper{
        padding: 60px 30px 30px;
        width: 100%;
    }

    .new-products-title{
        font-size: 50px;
        color: #4d4d4d;
    }

    .new-products-wrapper h2{
        margin-top: 20px;
        background: var(--primary-color);
        color: white;
        font-weight: 600;
        font-size: 24px;
        border-radius: 10px;
        padding: 10px;
    }

    .new-products{
        width: 100%;
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(6, 15%);
        justify-content: center;
        justify-content: space-between;
        gap: 30px 0;
    }

    .new-products li{
        width: 100%;
        justify-content: center;
        position: relative;
        height: 450px;
    }

    .new-products img {
        height: 250px;
        object-fit: contain;
        border: 1px solid #f2f2f2;
    }

    .product-title {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .collection-product-bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .product-price span{
        font-size: 18px !important;
        font-weight: 500;
        margin-bottom: .5em;
        color: #515151 !important;
    }

    .qty-number .stock {
        font-size: .92em;
    }

    .qty-number .in-stock{
        color: #b3af54;
    }

    .qty-number .out-of-stock {
        color: var(--wc-red);
        font-size: .92em;
    }

    .qty-control {
        display: inline-flex;
        width: 100%;
        max-width: 180px;
        justify-content: center;
        margin-top: 20px;
    }

    .qty-control input {
        width: 60%;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: 600;
    }

    .minus {
        border-radius: 6px 0 0 6px;
    }

    .plus {
        border-radius: 0 6px 6px 0;
    }

    .minus, .plus {
        width: 20%;
        border: none;
        background: var(--primary-color);
        cursor: pointer;
    }

    .minus:hover,
    .plus:hover {
        background: var(--primary-color-hover);
    }

    .qty-control button:disabled, .CartBtn button:disabled {
        background-color: var(--primary-color-disabled);
        cursor: not-allowed;
    }

    .CartBtn {
        margin-top: 20px;
    }

    .CartBtn a {
        cursor: pointer;
        overflow: visible;
        padding: .618em 1em;
        font-weight: 600;
        left: auto;
        color: #fff;
        background-color: var(--primary-color);
        border: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 10px ;
    }

    .CartBtn a:hover {
        background-color: var(--primary-color-hover);
    }

    .added_to_cart{
        display: none !important;
    }
}

@media (min-width: 700px) and (max-width: 1024px) {
    .hero-section {
        height: 350px;
        width: 100%;
        background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 35 V 20 H 60 V 60 H 20 V 45' fill='none' stroke='%23EAB344' stroke-width='2' stroke-opacity='0.3'/%3E%3C/svg%3E"); background-size: 80px 80px;
        border-bottom: 3px solid var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .hero-section-top-text {
        font-size: 64px;
        color: #fff;
        filter: drop-shadow(0 4px 4px var(--hero-text-color));
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .hero-section-bottom-text {
        font-size: 64px;
        color: var(--hero-text-color);
        filter: drop-shadow(0 4px 4px rgba(0,0,0,0.8));
        position: absolute;
        bottom: 20px;
        right: 0px;
    }

    .flip-card-wrapper{
        transform: translateY(30vh);
        transition: transform 1.6s;
    }

    .flip-card-wrapper.finish{
        transform: translateY(0);
    }

    .flip-card {
        position: relative;
        width: 180px;
        height: 252px;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .flip-card img {
        object-fit: contain;
        width: 100%;
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        top: 0;
        left: 0;
        backface-visibility: hidden;
    }

    .flip-card-front {
        z-index: 2;
    }

    .flip-card-back {
        transform: rotateY(180deg);
        z-index: 1;
    }

    .flip-card.flip {
        transform: rotateY(180deg);
    }

    .home-collection-wrapper{
        padding: 60px 30px 30px;
        width: 100%;
    }

    .home-collection-title{
        font-size: 30px;
        color: #4d4d4d;
    }

    .home-collection-ul{
        display: grid;
        grid-template-columns: repeat(auto-fit, 100px);
        justify-content: space-between;
        gap: 10px;
        margin-top: 40px;
        color: #545454;
        font-size: 15px;
        text-align: center;
    }

    .home-collection-ul li{
        width: 100px;
    }

    .menu-image img{
        width: 100px;
        height: 100px;
        border-radius: 10px;
        margin: 0 auto 15px;
    }

    .new-products-wrapper{
        padding: 60px 30px 30px;
        width: 100%;
    }

    .new-products-title{
        font-size: 30px;
        color: #4d4d4d;
    }

    .new-products-wrapper h2{
        margin-top: 20px;
        background: var(--primary-color);
        color: white;
        font-weight: 600;
        font-size: 24px;
        border-radius: 10px;
        padding: 10px;
    }

    .new-products{
        width: 100%;
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(5, 18%);
        justify-content: center;
        justify-content: space-between;
        gap: 30px 0;
    }

    .new-products li{
        width: 100%;
        justify-content: center;
        position: relative;
        height: 400px;
    }

    .new-products img {
        height: 200 !important;
        object-fit: contain;
        border: 1px solid #f2f2f2;
    }

    .product-title {
        margin-top: 5px;
        font-size: 15px;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .collection-product-bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .product-price span{
        font-size: 18px !important;
        font-weight: 500;
        margin-bottom: .5em;
        color: #515151 !important;
    }

    .qty-number .stock {
        font-size: .92em;
    }

    .qty-number .in-stock{
        color: #b3af54;
    }

    .qty-number .out-of-stock {
        color: var(--wc-red);
        font-size: .92em;
    }

    .qty-control {
        display: inline-flex;
        width: 100%;
        max-width: 180px;
        justify-content: center;
        margin-top: 20px;
    }

    .qty-control input {
        width: 60%;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: 600;
    }

    .minus {
        border-radius: 6px 0 0 6px;
    }

    .plus {
        border-radius: 0 6px 6px 0;
    }

    .minus, .plus {
        width: 20%;
        border: none;
        background: var(--primary-color);
        cursor: pointer;
    }

    .minus:hover,
    .plus:hover {
        background: var(--primary-color-hover);
    }

    .qty-control button:disabled, .CartBtn button:disabled {
        background-color: var(--primary-color-disabled);
        cursor: not-allowed;
    }

    .CartBtn {
        margin-top: 20px;
    }

    .CartBtn a {
        cursor: pointer;
        overflow: visible;
        padding: .618em 1em;
        font-weight: 600;
        left: auto;
        color: #fff;
        background-color: var(--primary-color);
        border: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 10px ;
    }

    .CartBtn a:hover {
        background-color: var(--primary-color-hover);
    }

    .added_to_cart{
        display: none !important;
    }
}

@media (max-width: 699px) {
    .hero-section {
        height: 300px;
        width: 100%;
        background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 35 V 20 H 60 V 60 H 20 V 45' fill='none' stroke='%23EAB344' stroke-width='2' stroke-opacity='0.3'/%3E%3C/svg%3E"); background-size: 80px 80px;
        border-bottom: 3px solid var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .hero-section-top-text {
        font-size: 48px;
        color: #fff;
        filter: drop-shadow(0 4px 4px var(--hero-text-color));
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .hero-section-bottom-text {
        font-size: 48px;
        color: var(--hero-text-color);
        filter: drop-shadow(0 4px 4px rgba(0,0,0,0.8));
        position: absolute;
        bottom: 20px;
        right: 0px;
    }

    .flip-card-wrapper{
        transform: translateY(30vh);
        transition: transform 1.6s;
    }

    .flip-card-wrapper.finish{
        transform: translateY(0);
    }

    .flip-card {
        position: relative;
        width: 120px;
        height: 168px;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .flip-card img {
        object-fit: contain;
        width: 100%;
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        top: 0;
        left: 0;
        backface-visibility: hidden;
    }

    .flip-card-front {
        z-index: 2;
    }

    .flip-card-back {
        transform: rotateY(180deg);
        z-index: 1;
    }

    .flip-card.flip {
        transform: rotateY(180deg);
    }

    .home-collection-wrapper{
        padding: 40px 20px 30px;
        width: 100%;
    }

    .home-collection-title{
        font-size: 30px;
        color: #4d4d4d;
    }

    .home-collection-ul{
        display: grid;
        grid-template-columns: repeat(auto-fit, 70px);
        justify-content: space-between;
        column-gap: 5px;
        row-gap: 10px;
        margin-top: 40px;
        color: #545454;
        font-size: 13px;
        text-align: center;
    }

    .home-collection-ul li{
        width: 70px;
    }

    .menu-image img{
        width: 70px;
        height: 70px;
        border-radius: 10px;
        margin: 0 auto 10px;
    }

    .new-products-wrapper{
        padding: 10px 20px 30px;
        width: 100%;
    }

    .new-products-title{
        font-size: 30px;
        color: #4d4d4d;
    }

    .new-products-wrapper h2{
        margin-top: 20px;
        background: var(--primary-color);
        color: white;
        font-weight: 600;
        font-size: 24px;
        border-radius: 10px;
        padding: 10px;
    }

    .new-products{
        width: 100%;
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(3, 30%);
        justify-content: center;
        justify-content: space-between;
        gap: 30px 0;
    }

    .new-products li{
        width: 100%;
        justify-content: center;
        position: relative;
        height: 300px;
    }

    .new-products img {
        height: 150 !important;
        object-fit: contain;
        border: 1px solid #f2f2f2;
    }

    .product-title {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 500;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        text-overflow: ellipsis;
    }    

    .collection-product-bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .product-price span{
        font-size: 14px !important;
        font-weight: 500;
        margin-bottom: .5em;
        color: #515151 !important;
    }

    .qty-number .stock {
        font-size: 13px;
    }

    .qty-number .in-stock{
        color: #b3af54;
    }

    .qty-number .out-of-stock {
        color: var(--wc-red);
        font-size: 13px;
    }

    .qty-control {
        display: inline-flex;
        width: 100%;
        max-width: 180px;
        justify-content: center;
        margin-top: 10px;
    }

    .qty-control input {
        width: 60%;
        height: 25px;
        border: none;
        text-align: center;
        font-weight: 500;
    }

    .minus {
        border-radius: 6px 0 0 6px;
    }

    .plus {
        border-radius: 0 6px 6px 0;
    }

    .minus, .plus {
        width: 20%;
        border: none;
        background: var(--primary-color);
        cursor: pointer;
    }

    .minus:hover,
    .plus:hover {
        background: var(--primary-color-hover);
    }

    .qty-control button:disabled, .CartBtn button:disabled {
        background-color: var(--primary-color-disabled);
        cursor: not-allowed;
    }

    .CartBtn {
        margin-top: 10px;
    }

    .CartBtn a {
        cursor: pointer;
        overflow: visible;
        padding: 8px 0;
        font-weight: 500;
        left: auto;
        color: #fff;
        background-color: var(--primary-color);
        border: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 10px ;
        font-size: 14px;
    }

    .CartBtn a:hover {
        background-color: var(--primary-color-hover);
    }

    .added_to_cart{
        display: none !important;
    }
}

/* Temporarily hide the collection wrapper - 暫時隱藏「買取カードゲーム」 */
.home-collection-wrapper {
    display: none !important;
}