/* 
========================================================= 
MINIMOG CHILD 
CUSTOM PRODUCT SINGLE PAGE 
FINAL INTEGRATED VERSION
VERSION 1/5

整理原则：
- 不改变布局
- 不改变设计
- 不修改 PHP CLASS
- 只整理 CSS + Responsive
=========================================================
*/


/* =====================================================
GLOBAL
===================================================== */


.single-product .custom-product-single {

    width:100%;

    background:#fff;

    color:#333;

    font-family:
        Arial,
        sans-serif;

}



.single-product .custom-product-single *,
.single-product .custom-product-single *::before,
.single-product .custom-product-single *::after {

    box-sizing:border-box;

}





/* =====================================================
CONTAINER
===================================================== */


.custom-product-single__container {

    width:100%;

    max-width:1360px;

    margin:0 auto;

    padding-left:30px;

    padding-right:30px;

}





/* =====================================================
MAIN TWO COLUMN
===================================================== */


.custom-product-single__main {

    display:grid;

    grid-template-columns:

        minmax(0,1.08fr)

        minmax(450px,0.92fr);


    gap:60px;

    align-items:start;

}





/* =====================================================
LEFT GALLERY
===================================================== */


.custom-product-single__gallery {

    width:100%;

    min-width:0;

    position:sticky;

    top:30px;

    align-self:start;

}





.custom-product-single__gallery,
.custom-product-gallery-main {

    height:auto;

}





/* =====================================================
MAIN IMAGE
===================================================== */


.custom-product-gallery-main {

    position:relative;

    width:100%;

    background:#fff;

    overflow:hidden;

}



.custom-product-gallery-main,
.custom-product-gallery-main img {

    border:none!important;

    box-shadow:none!important;

}





/* IMAGE WRAPPER */


.custom-gallery-image-wrapper {

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:500px;

    overflow:hidden;

}





.custom-product-main-image {

    display:block;

    width:100%;

    height:auto;

    max-height:620px;

    object-fit:contain;

    cursor:zoom-in;

}





/* =====================================================
GALLERY ARROWS
===================================================== */


.custom-gallery-arrow {

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    z-index:10;


    width:44px;

    height:44px;


    border:none!important;

    border-radius:50%;


    background:
    rgba(255,255,255,.95)!important;


    color:#222!important;


    font-size:32px;

    line-height:40px;


    text-align:center;

    padding:0;


    cursor:pointer;


    box-shadow:

    0 3px 12px rgba(0,0,0,.12);


    transition:

    background .2s ease,

    color .2s ease,

    transform .2s ease;

}





.custom-gallery-arrow:hover {


    background:#fff!important;


    color:#007bff!important;


    transform:

    translateY(-50%)

    scale(1.05);


}





.custom-gallery-prev {

    left:14px;

}



.custom-gallery-next {

    right:14px;

}





/* =====================================================
REMOVE WARRANTY BADGE
===================================================== */


.custom-warranty-badge,
.warranty-icon {

    display:none!important;

}





/* =====================================================
THUMBNAILS
===================================================== */


.custom-product-gallery-thumbs {

    display:grid;

    grid-template-columns:

    repeat(5,1fr);


    gap:8px;


    margin-top:14px;

}





.custom-product-gallery-thumbs
.custom-product-thumb {


    display:flex;


    align-items:center;


    justify-content:center;


    width:100%;


    height:82px;


    padding:0;


    margin:0;


    border:

    1px solid transparent;


    border-radius:7px;


    background:transparent!important;


    box-shadow:none!important;


    cursor:pointer;


    overflow:hidden;


    transition:

    border-color .2s ease;

}





.custom-product-gallery-thumbs
.custom-product-thumb img {


    display:block;


    width:100%;


    height:100%;


    object-fit:cover;


    background:#fff;


    border:none!important;


}





.custom-product-gallery-thumbs
.custom-product-thumb.is-active {


    border:

    1px solid #007bff;


}





.custom-product-gallery-thumbs
.custom-product-thumb:hover {


    border:

    1px solid #000;


}





.custom-product-gallery-thumbs
.custom-product-thumb.is-active:hover {


    border:

    1px solid #007bff;


}





/* =====================================================
RIGHT SUMMARY
===================================================== */


.custom-product-single__summary {

    width:100%;

    min-width:0;

}





.custom-product-single__summary-inner {

    width:100%;

}





/* =====================================================
CATEGORY
===================================================== */


.product-category {

    margin-bottom:12px;

    font-size:13px;

    line-height:1.4;

    color:#666;

}





.product-category a {

    color:#666;

    text-decoration:none;

}





/* =====================================================
TITLE
===================================================== */


.product-title {


    margin:

    0 0 14px;


    color:#000;


    font-size:40px;


    font-weight:700;


    line-height:1.2;


    letter-spacing:-.5px;


}





/* =====================================================
SUBTITLE
===================================================== */


.product-subtitle {


    display:flex;


    align-items:center;


    gap:8px;


    margin-bottom:13px;


    color:#6c7ae0;


    font-size:15px;


    font-weight:500;


    line-height:1.5;


}





.subtitle-icon {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    width:18px;


    height:18px;


    border-radius:50%;


    background:#6c7ae0;


    color:#fff;


    font-size:11px;


    font-weight:700;


}





/* =====================================================
RATING
===================================================== */


.custom-product-rating {


    display:flex;


    align-items:center;


    gap:9px;


    margin-bottom:18px;


}





.custom-rating-stars {


    display:inline-flex;


    gap:2px;


}





.rating-star {


    color:#007bff;


    font-size:17px;


    line-height:1;


}





.custom-review-count {


    color:#666;


    font-size:14px;


    text-decoration:none;


}





/* =====================================================
PRICE
===================================================== */


.product-price-row {


    display:flex;


    align-items:center;


    flex-wrap:wrap;


    gap:12px;


    margin-bottom:20px;


}





.product-price {


    display:flex;


    align-items:center;


    gap:13px;


    margin:0;


    line-height:1;


}





.product-current-price {


    display:inline-flex;


    align-items:center;


    color:#000;


    font-size:34px;


    font-weight:800;


    line-height:1;


}





.product-current-price
.woocommerce-Price-amount {


    display:inline-flex;


    align-items:center;


}





.product-regular-price {


    display:inline-flex;


    align-items:center;


    color:#999;


    font-size:19px;


    font-weight:400;


    line-height:1;


    text-decoration:line-through;


}





.product-discount-badge {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    min-height:27px;


    padding:5px 9px;


    background:#007bff;


    color:#fff;


    border-radius:4px;


    font-size:12px;


    font-weight:700;


}





/* =====================================================
SHORT DESCRIPTION
===================================================== */


.custom-product-short-description {


    position:relative;


    margin-bottom:21px;


    color:#333;


    font-size:14px;


    line-height:1.65;


}





.short-description-text {


    max-height:46px;


    overflow:hidden;


    transition:

    max-height .3s ease;


}





.short-description-text p {


    margin:0;


}





.custom-product-short-description[data-collapsed="false"]

.short-description-text {


    max-height:1000px;


}





.short-description-toggle {


    display:inline-block;


    margin-top:5px;


    padding:0;


    border:none!important;


    background:transparent!important;


    color:#007bff!important;


    font-size:13px;


    font-weight:600;


    cursor:pointer;


}


/* =====================================================
FEATURE LIST
===================================================== */


.product-feature-list {

    margin-bottom:20px;

}





.product-feature-item {


    display:flex;


    align-items:flex-start;


    gap:9px;


    margin-bottom:8px;


    color:#333;


    font-size:14px;


    line-height:1.5;


}





.feature-check {


    flex:0 0 auto;


    display:inline-flex;


    align-items:center;


    justify-content:center;


    width:18px;


    height:18px;


    margin-top:1px;


    border-radius:50%;


    background:#28a745;


    color:#fff;


    font-size:11px;


    font-weight:700;


}





/* =====================================================
SHIPPING
===================================================== */


.product-shipping-row {


    display:flex;


    align-items:center;


    justify-content:space-between;


    gap:15px;


    padding:13px 0;


    margin-bottom:18px;


    border-top:1px solid #ddd;


    border-bottom:1px solid #ddd;


}





.shipping-info {


    display:flex;


    align-items:center;


    gap:8px;


    color:#666;


    font-size:13px;


}





.shipping-icon {


    font-size:18px;


    line-height:1;


}





.free-shipping-badge {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    padding:6px 10px;


    border-radius:4px;


    background:#007bff;


    color:#fff;


    font-size:11px;


    font-weight:700;


    white-space:nowrap;


}





/* =====================================================
QUANTITY + ADD TO CART
===================================================== */


.custom-cart-row {


    display:flex;


    align-items:stretch;


    gap:12px;


    width:100%;


    margin-bottom:14px;


}





/* QUANTITY */


.custom-quantity {


    display:grid;


    grid-template-columns:

    42px 52px 42px;


    flex:0 0 136px;


    height:52px;


    border:1px solid #ddd;


    border-radius:7px;


    overflow:hidden;


    background:#fff;


}





.custom-quantity button {


    display:flex;


    align-items:center;


    justify-content:center;


    width:42px;


    height:52px;


    padding:0;


    margin:0;


    border:none!important;


    background:#fff!important;


    color:#222!important;


    font-size:20px;


    line-height:1;


    cursor:pointer;


}





.custom-quantity-input {


    width:52px!important;


    height:52px!important;


    padding:0!important;


    margin:0!important;


    border:none!important;


    border-left:1px solid #ddd!important;


    border-right:1px solid #ddd!important;


    border-radius:0!important;


    background:#fff!important;


    color:#222!important;


    font-size:15px!important;


    font-weight:600!important;


    line-height:52px!important;


    text-align:center!important;


    appearance:textfield;


    -moz-appearance:textfield;


}





.custom-quantity-input::-webkit-inner-spin-button,
.custom-quantity-input::-webkit-outer-spin-button {


    -webkit-appearance:none;


    margin:0;


}





/* ADD BUTTON */


.custom-add-to-cart {


    flex:1;


    min-width:220px;


    height:52px;


    padding:0 30px;


    border:1px solid #007bff!important;


    border-radius:7px;


    background:#007bff!important;


    color:#fff!important;


    font-size:15px;


    font-weight:700;


    line-height:52px;


    text-align:center;


    cursor:pointer;


    transition:


    background .2s ease,

    border-color .2s ease;


}





.custom-add-to-cart:hover {


    background:#0056b3!important;


    border-color:#0056b3!important;


}





/* =====================================================
STOCK NOTICE
===================================================== */


.product-stock-notice {


    display:flex;


    align-items:center;


    gap:9px;


    width:100%;


    padding:10px 12px;


    margin-bottom:18px;


    background:#fff7ed;


    border-radius:5px;


    color:#8a4b08;


    font-size:12px;


    line-height:1.4;


}





.stock-notice-icon {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    flex:0 0 auto;


    width:19px;


    height:19px;


    border-radius:50%;


    background:#007bff;


    color:#fff;


    font-size:12px;


    font-weight:800;


}





/* =====================================================
VERSION 1/5 RESPONSIVE
TABLET
===================================================== */


@media(max-width:991px){


    .custom-product-single__main {


        grid-template-columns:1fr;


        gap:40px;


    }



    .custom-product-single__gallery {


        position:relative;


        top:auto;


    }



    .custom-gallery-image-wrapper {


        min-height:420px;


    }



    .custom-product-main-image {


        max-height:520px;


    }



    .product-title {


        font-size:34px;


    }



    .custom-cart-row {


        gap:10px;


    }


}





/* =====================================================
VERSION 1/5 RESPONSIVE
MOBILE
===================================================== */


@media(max-width:767px){



    .custom-product-single__container {


        padding-left:15px;


        padding-right:15px;


    }



    .custom-product-single__main {


        grid-template-columns:1fr;


        gap:30px;


    }



    .custom-product-single__gallery {


        position:relative;


        top:auto;


    }



    .custom-gallery-image-wrapper {


        min-height:auto;


    }



    .custom-product-main-image {


        max-height:none;


    }



    .custom-gallery-arrow {


        width:36px;


        height:36px;


        font-size:24px;


        line-height:32px;


    }



    .custom-gallery-prev {


        left:8px;


    }



    .custom-gallery-next {


        right:8px;


    }



    .custom-product-gallery-thumbs {


        grid-template-columns:

        repeat(5,1fr);


        gap:6px;


    }



    .custom-product-gallery-thumbs
    .custom-product-thumb {


        height:60px;


    }



    .product-category {


        margin-bottom:10px;


        font-size:12px;


    }



    .product-title {


        margin-bottom:12px;


        font-size:28px;


        line-height:1.25;


        letter-spacing:0;


    }



    .product-subtitle {


        font-size:14px;


    }



    .custom-product-rating {


        margin-bottom:15px;


    }



    .product-current-price {


        font-size:28px;


    }



    .product-regular-price {


        font-size:16px;


    }



    .custom-product-short-description {


        font-size:14px;


    }



    .product-feature-item {


        font-size:13px;


    }



    .product-shipping-row {


        flex-direction:column;


        align-items:flex-start;


        gap:10px;


    }



    .custom-cart-row {


        flex-direction:column;


        width:100%;


    }



    .custom-quantity {


        width:100%;


        flex:none;


        grid-template-columns:

        1fr 1.2fr 1fr;


    }



    .custom-quantity button,


    .custom-quantity-input {


        width:100%!important;


    }



    .custom-add-to-cart {


        width:100%;


        min-width:0;


        padding:0 15px;


    }



    .product-stock-notice {


        font-size:12px;


        padding:10px;


    }



}

/* =====================================================
PRODUCT ACCORDION
===================================================== */


.product-accordion {

    width:100%;

    margin-top:10px;

}





.product-accordion-item {

    margin-bottom:8px;

    overflow:hidden;

}





.product-accordion-header {

    display:flex;

    align-items:center;

    justify-content:space-between;


    width:100%;


    min-height:48px;


    padding:13px 15px;


    border:none!important;


    background:#007bff!important;


    color:#fff!important;


    font-size:14px;


    font-weight:600;


    cursor:pointer;

}





.accordion-icon {


    width:24px;


    height:24px;


    display:flex;


    align-items:center;


    justify-content:center;


    font-size:22px;


    transition:.25s;

}





.product-accordion-item.is-open

.accordion-icon {


    transform:rotate(45deg);


}





.product-accordion-content {


    display:none;


    padding:18px 16px;


    background:#fff;


    border:1px solid #007bff;


    border-top:none;


    font-size:13px;


    line-height:1.7;

}





.product-accordion-item.is-open

.product-accordion-content {


    display:block;


}





/* =====================================================
PRODUCT DESCRIPTION MORE
===================================================== */


.accordion-description-wrapper {


    position:relative;


}





.accordion-description {


    display:-webkit-box;


    -webkit-box-orient:vertical;


    -webkit-line-clamp:6;


    overflow:hidden;


    transition:.3s ease;

}





.accordion-description.is-expanded {


    display:block;


    -webkit-line-clamp:unset;


    -webkit-box-orient:unset;


}





.accordion-description-more {


    display:inline-block;


    margin-top:12px;


    padding:0;


    border:none!important;


    background:transparent!important;


    color:#007bff!important;


    font-size:14px;


    font-weight:600;


    cursor:pointer;


}





.accordion-description-more:hover {


    text-decoration:underline;


    color:#0056b3!important;


}





/* =====================================================
FAQ READ MORE
===================================================== */


.product-faq-item {


    padding:10px 0;


    border-bottom:1px solid #eee;


}





.product-faq-question {


    font-weight:700;


    margin-bottom:5px;


    color:#222;


}





.product-faq-answer {


    color:#555;


    display:-webkit-box;


    -webkit-box-orient:vertical;


    -webkit-line-clamp:3;


    overflow:hidden;


    transition:.3s ease;


}





.product-faq-answer.is-expanded {


    display:block;


    -webkit-line-clamp:unset;


    -webkit-box-orient:unset;


}





.faq-read-more {


    display:inline-block;


    margin-top:8px;


    padding:0;


    border:none!important;


    background:transparent!important;


    color:#007bff!important;


    font-size:14px;


    font-weight:600;


    cursor:pointer;


}





.faq-read-more:hover {


    text-decoration:underline;


    color:#0056b3!important;


}





/* =====================================================
SPECIFICATION TABLE
===================================================== */


.product-spec-table-wrapper {


    width:100%;


    overflow-x:auto;


    margin-top:20px;


}





.product-spec-table {


    width:100%;


    border-collapse:collapse;


    font-size:14px;


    line-height:1.6;


    background:#fff;
    min-width: 0px;



}





.product-spec-table thead th {


    background:#f7f7f7;


    font-weight:600;


    text-align:left;


    padding:16px 10px;


    border:1px solid #e5e5e5;


    color:#222;


}





.product-spec-table tbody td {


    padding:16px 18px;


    border:1px solid #e5e5e5;


    vertical-align:top;


    color:#555;


}





.product-spec-table tbody td:first-child {


    width:110px;


    font-weight:600;


    color:#222;


    background:#fafafa;


}





.product-spec-table th:nth-child(2),

.product-spec-table td:nth-child(2) {


    width:35%;


}





.product-spec-table th:nth-child(3),

.product-spec-table td:nth-child(3) {


    width:35%;


}





.product-spec-table ul {


    margin:0;


    padding-left:18px;


}





.product-spec-table li {


    margin-bottom:6px;


}





.product-spec-table tbody tr:hover td {


    background:#fafafa;


}





/* =====================================================
SECURE CHECKOUT
===================================================== */


.custom-secure-checkout {


    width:100%;


    margin-top:50px;


    margin-bottom:50px;


    text-align:center;


    border:none!important;


}





.secure-checkout-title {


    font-family:Arial;


    font-weight:500;


    margin-bottom:15px;


    color:#333;


    font-size:16px;


}





.secure-checkout-icons {


    display:flex;


    justify-content:center;


    align-items:center;


    gap:50px;


    flex-wrap:wrap;


}





.payment-icon {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    width:60px;


    height:16px;


    min-width:50px;


}





.payment-icon img {


    width:50px;


    height:16px;


    object-fit:contain;


    display:block;


}





/* =====================================================
STATE LINKER BENEFIT SECTION
===================================================== */


.statelinker-benefit-section {


    display:grid;


    grid-template-columns:

    minmax(0,48%)

    minmax(0,52%);


    gap:45px;


    align-items:center;


    margin-top:50px;


}





/* LEFT IMAGE */


.statelinker-benefit-image {


    width:100%;


    max-width:620px;


    margin:auto;


}





.statelinker-benefit-image img {


    width:100%;


    height:auto;


    max-height:720px;


    object-fit:contain;


    display:block;


}





/* RIGHT CONTENT */


.statelinker-benefit-content {


    display:flex;


    flex-direction:column;


    gap:32px;


}





.statelinker-benefit-item {


    display:flex;


    align-items:flex-start;


    gap:20px;


}





.benefit-icon img {


    width:48px;


    height:48px;


    object-fit:contain;


}





.benefit-text h3 {


    margin:0 0 10px;


    font-size:22px;


    line-height:1.3;


    font-weight:700;


    color:#111;


}





.benefit-text p {


    margin:0;


    font-size:15px;


    line-height:1.7;


    color:#555;


}





/* BUTTON */


.statelinker-discover-btn {


    width:220px;


    height:50px;


    display:flex;


    align-items:center;


    justify-content:center;


    background:#007bff;


    color:#fff;


    font-size:16px;


    font-weight:700;


    border-radius:6px;


    text-decoration:none;


}





.statelinker-discover-btn:hover {


    background:#0056b3;


    color:#fff;


}





/* =====================================================
VERSION 2/5 RESPONSIVE
TABLET
===================================================== */


@media(max-width:991px){


    .statelinker-benefit-section {


        grid-template-columns:1fr;


        gap:40px;


    }



    .statelinker-benefit-image {


        max-width:600px;


    }


}





/* =====================================================
VERSION 2/5 RESPONSIVE
MOBILE
===================================================== */


@media(max-width:767px){


    .product-accordion-header {


        min-height:44px;


        padding:12px;


        font-size:13px;


    }



    .product-accordion-content {


        padding:15px 12px;


        font-size:13px;


    }



    .product-spec-table {


        /*min-width:760px;*/


        font-size:13px;


    }



    .product-spec-table thead th,

    .product-spec-table tbody td {


        padding:12px;


    }



    .custom-secure-checkout {


        margin-top:35px;


        margin-bottom:35px;


    }



    .secure-checkout-icons {


        gap:25px;


    }



    .statelinker-benefit-section {


        margin-top:40px;


        gap:30px;


    }



    .statelinker-benefit-content {


        gap:25px;


    }



    .statelinker-benefit-item {


        gap:15px;


    }



    .benefit-icon img {


        width:40px;


        height:40px;


    }



    .benefit-text h3 {


        font-size:20px;


    }



    .benefit-text p {


        font-size:14px;


    }



    .statelinker-discover-btn {


        width:100%;


    }


}


/* =========================================================
   MINIMOG CHILD
   CUSTOM PRODUCT SINGLE PAGE
   FINAL INTEGRATED VERSION
   VERSION 3/5

   SECTION:
   ACCORDION
   SPECIFICATION
   FAQ
   SECURE CHECKOUT
   STICKY GALLERY
   CUSTOMER REVIEW
========================================================= */


/* =====================================================
   PRODUCT ACCORDION
===================================================== */


.product-accordion {

    width:100%;

    margin-top:10px;

}



.product-accordion-item {

    margin-bottom:8px;

    overflow:hidden;

}



.product-accordion-header {

    display:flex;

    align-items:center;

    justify-content:space-between;


    width:100%;

    min-height:48px;


    padding:13px 15px;


    border:none!important;

    background:#007bff!important;


    color:#fff!important;


    font-size:14px;

    font-weight:600;


    cursor:pointer;

}



.accordion-icon {

    width:24px;

    height:24px;


    display:flex;

    align-items:center;

    justify-content:center;


    font-size:22px;


    transition:.25s;

}



.product-accordion-item.is-open
.accordion-icon {

    transform:rotate(45deg);

}




.product-accordion-content {

    display:none;


    padding:18px 16px;


    background:#fff;


    border:1px solid #007bff;

    border-top:none;


    font-size:13px;

    line-height:1.7;

}



.product-accordion-item.is-open
.product-accordion-content {

    display:block;

}



/* =====================================================
   DESCRIPTION MORE
===================================================== */


.accordion-description-wrapper {

    position:relative;

}



.accordion-description {

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:6;


    overflow:hidden;


    transition:.3s ease;

}



.accordion-description.is-expanded {

    display:block;

    -webkit-line-clamp:unset;

}



.accordion-description-more {


    display:inline-block;


    margin-top:12px;


    padding:0;


    border:none!important;

    background:transparent!important;


    color:#007bff!important;


    font-size:14px;


    font-weight:600;


    cursor:pointer;

}



.accordion-description-more:hover {

    color:#0056b3!important;

    text-decoration:underline;

}



/* =====================================================
   SPECIFICATION TABLE
===================================================== */


.product-spec-table-wrapper {


    width:100%;


    overflow-x:auto;


    margin-top:20px;


}



.product-spec-table {


    width:100%;


    border-collapse:collapse;


    background:#fff;


    font-size:14px;


    line-height:1.6;


    /*min-width:900px;*/


}




.product-spec-table thead th {


    background:#f7f7f7;


    font-weight:600;


    text-align:left;


    padding:16px 18px;


    border:1px solid #e5e5e5;


    color:#222;


}



.product-spec-table tbody td {


    padding:16px 18px;


    border:1px solid #e5e5e5;


    vertical-align:top;


    color:#555;


}



.product-spec-table tbody td:first-child {


    width:220px;


    font-weight:600;


    color:#222;


    background:#fafafa;


}



.product-spec-table th:nth-child(2),
.product-spec-table td:nth-child(2) {


    width:35%;


}



.product-spec-table th:nth-child(3),
.product-spec-table td:nth-child(3) {


    width:35%;


}



.product-spec-table ul {


    margin:0;

    padding-left:18px;


}



.product-spec-table li {


    margin-bottom:6px;


}



.product-spec-table tbody tr:hover td {


    background:#fafafa;


}



/* =====================================================
   FAQ
===================================================== */


.product-faq-item {


    padding:10px 0;


    border-bottom:1px solid #eee;


}



.product-faq-question {


    font-weight:700;


    margin-bottom:5px;


    color:#222;


}



.product-faq-answer {


    color:#555;


}



/* FAQ MORE */


.product-faq-item
.product-faq-answer {


    display:-webkit-box;


    -webkit-box-orient:vertical;


    -webkit-line-clamp:3;


    overflow:hidden;


}



.product-faq-item
.product-faq-answer.is-expanded {


    display:block;


    -webkit-line-clamp:unset;


}



.faq-read-more {


    display:inline-block;


    margin-top:8px;


    padding:0;


    border:none!important;


    background:transparent!important;


    color:#007bff!important;


    font-size:14px;


    font-weight:600;


    cursor:pointer;


}



.faq-read-more:hover {


    color:#0056b3!important;


    text-decoration:underline;


}



/* =====================================================
   NOTE
===================================================== */


.product-note {


    margin-top:13px;


    color:#007bff;


    font-size:11px;


    line-height:1.6;


}



/* =====================================================
   SECURE CHECKOUT
===================================================== */


.custom-secure-checkout {


    width:100%;


    margin-top:50px;


    margin-bottom:50px;


    text-align:center;


}



.secure-checkout-title {


    margin-bottom:15px;


    color:#333;


    font-size:16px;


    font-weight:500;


}



.secure-checkout-icons {


    display:flex;


    justify-content:center;


    align-items:center;


    gap:50px;


    flex-wrap:wrap;


}



.payment-icon {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    width:60px;


    height:16px;


}



.payment-icon img {


    width:50px;


    height:16px;


    object-fit:contain;


}



/* =====================================================
   PRODUCT GALLERY STICKY
===================================================== */


.custom-product-single__main {


    display:grid;


    grid-template-columns:

        minmax(0,1.08fr)

        minmax(450px,0.92fr);


    gap:60px;


    align-items:start;


}



.custom-product-single__gallery {


    position:sticky;


    top:30px;


    align-self:start;


    width:100%;


}



.custom-product-single__gallery,
.custom-product-gallery-main {


    height:auto;


}



/* =====================================================
   CUSTOMER REVIEW SECTION
===================================================== */


.firstnum-customer-review-section {


    max-width:1280px;


    margin:80px auto;


    padding:0 20px;


}



.firstnum-customer-review-title {


    text-align:center;


    margin-bottom:45px;


}



.firstnum-customer-review-title h2 {


    font-size:42px;


    font-weight:700;


    margin:0;


}



.firstnum-customer-review-grid {


    display:grid;


    grid-template-columns:

    repeat(3,1fr);


    gap:32px;


}



.firstnum-customer-review-card {


    background:#fff;


    border-radius:20px;


    padding:35px 30px;


    text-align:center;


    box-shadow:

    0 10px 30px rgba(0,0,0,.08);


}



.firstnum-customer-review-avatar {


    width:90px;


    height:90px;


    border-radius:50%;


    object-fit:cover;


    margin-bottom:25px;


}



.firstnum-customer-review-text {


    font-size:16px;


    line-height:1.7;


    min-height:110px;


    color:#555;


}



.firstnum-customer-review-stars {


    margin:20px 0;


    font-size:22px;


    letter-spacing:3px;


    color:#ffb400;


}



.firstnum-customer-review-name {


    font-size:18px;


    font-weight:600;


}

/* =========================================================
   VERSION 3/5
   RESPONSIVE PART
========================================================= */


/* =====================================================
   SPECIFICATION TABLE MOBILE
===================================================== */


@media(max-width:768px){


    .product-spec-table-wrapper{

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;

    }



    .product-spec-table{


        /*min-width:760px;*/


        font-size:13px;


    }



    .product-spec-table thead th,
    .product-spec-table tbody td{


        padding:12px;


    }



}





/* =====================================================
   CUSTOMER VIDEO STORIES SECTION
   Replace Go Hiking With Our Customers
===================================================== */


.customer-video-section{


    width:100%;


    background:#fff;


    padding:80px 40px;


    overflow:hidden;


}





/* TITLE */


.customer-video-title{


    text-align:center;


    margin-bottom:50px;


}



.customer-video-title h2{


    margin:0;


    font-size:42px;


    font-weight:900;


    font-style:italic;


    color:#111;


}





/* SLIDER VIEWPORT */


.customer-video-slider{


    width:100%;


    overflow:hidden;


}





/* TRACK */


.customer-video-track{


    display:flex;


    gap:25px;


    width:max-content;


    animation:

    customerVideoScroll 30s linear infinite;


}




.customer-video-track:hover{


    animation-play-state:paused;


}





/* CARD */


.customer-video-card{


    flex:0 0 260px;


    height:360px;


    border-radius:15px;


    overflow:hidden;


    position:relative;


    background:#eee;


}





.customer-video-card video{


    width:100%;


    height:100%;


    object-fit:cover;


    display:block;


}






/* OVERLAY */


.customer-video-overlay{


    position:absolute;


    left:0;


    bottom:0;


    width:100%;


    padding:20px;


    background:

    linear-gradient(

        transparent,

        rgba(0,0,0,.75)

    );


    color:#fff;


}





.customer-video-stars{


    color:#40bfff;


    font-size:22px;


    letter-spacing:3px;


}




.customer-video-name{


    font-size:15px;


    font-weight:700;


    margin-top:5px;


}





@keyframes customerVideoScroll{


    from{


        transform:translateX(0);


    }


    to{


        transform:translateX(-50%);


    }


}







/* =====================================================
   TABLET
===================================================== */


@media(max-width:1100px){


    .custom-product-single__main{


        grid-template-columns:


        minmax(0,1fr)


        minmax(380px,420px);



        gap:10px;


    }



}





@media(max-width:991px){



    /* MAIN PRODUCT */


    .custom-product-single__main{


        grid-template-columns:1fr;


        gap:40px;


    }




    .custom-product-single__gallery{


        position:relative;


        top:auto;


    }




    .product-title{


        font-size:34px;


    }




    .product-current-price{


        font-size:30px;


    }




    .custom-cart-row{


        gap:10px;


    }




    .custom-add-to-cart{


        min-width:180px;


    }



    /* REVIEW */


    .firstnum-customer-review-grid{


        grid-template-columns:repeat(2,1fr);


    }



    .firstnum-customer-review-title h2{


        font-size:34px;


    }




}







/* =====================================================
   MOBILE PRODUCT PAGE
===================================================== */


@media(max-width:767px){



    .custom-product-single__container{


        padding-left:15px;


        padding-right:15px;


    }




    .custom-product-single__main{


        display:block;


    }




    /* GALLERY */


    .custom-gallery-image-wrapper{


        min-height:auto;


    }




    .custom-product-main-image{


        max-height:420px;


    }




    .custom-product-gallery-thumbs{


        grid-template-columns:

        repeat(5,1fr);


        gap:6px;


        margin-top:10px;


    }




    .custom-product-gallery-thumbs
    .custom-product-thumb{


        height:60px;


    }






    /* SUMMARY */


    .product-category{


        font-size:12px;


        margin-bottom:8px;


    }





    .product-title{


        font-size:26px;


        line-height:1.25;


        margin-bottom:12px;


        letter-spacing:0;


    }





    .product-subtitle{


        font-size:14px;


    }





    .custom-product-rating{


        margin-bottom:15px;


    }





    .product-current-price{


        font-size:26px;


    }




    .product-regular-price{


        font-size:16px;


    }





    .product-price-row{


        margin-bottom:15px;


    }





    .custom-product-short-description{


        font-size:13px;


    }





    .product-feature-item{


        font-size:13px;


    }






    /* SHIPPING */


    .product-shipping-row{


        flex-direction:column;


        align-items:flex-start;


        gap:10px;


    }







    /* CART */


    .custom-cart-row{


        flex-direction:column;


        width:100%;


    }





    .custom-quantity{


        width:100%;


        flex:0 0 auto;


        grid-template-columns:


        1fr 1fr 1fr;


    }




    .custom-quantity button{


        width:100%;


    }




    .custom-quantity-input{


        width:100%!important;


    }





    .custom-add-to-cart{


        width:100%;


        min-width:0;


    }






    /* ACCORDION */


    .product-accordion-header{


        font-size:13px;


        padding:12px;


    }




    .product-accordion-content{


        padding:15px 12px;


        font-size:13px;


    }






    /* SECURE CHECKOUT */


    .custom-secure-checkout{


        margin-top:35px;


        margin-bottom:35px;


    }




    .secure-checkout-icons{


        gap:25px;


    }





    .payment-icon{


        width:55px;


    }






    /* REVIEW */


    .firstnum-customer-review-section{


        margin:50px auto;


        padding:0 15px;


    }




    .firstnum-customer-review-title{


        margin-bottom:30px;


    }




    .firstnum-customer-review-title h2{


        font-size:28px;


    }





    .firstnum-customer-review-grid{


        grid-template-columns:1fr;


        gap:20px;


    }





    .firstnum-customer-review-card{


        padding:25px 20px;


        border-radius:15px;


    }





    .firstnum-customer-review-avatar{


        width:75px;


        height:75px;


    }






    /* VIDEO */


    .customer-video-section{


        padding:50px 20px;


    }




    .customer-video-title h2{


        font-size:28px;


    }




    .customer-video-card{


        flex-basis:200px;


        height:280px;


    }



}






/* =====================================================
   SMALL MOBILE
===================================================== */


@media(max-width:480px){



    .product-title{


        font-size:24px;


    }





    .product-current-price{


        font-size:24px;


    }





    .custom-gallery-arrow{


        width:36px;


        height:36px;


        font-size:24px;


    }





    .custom-gallery-prev{


        left:8px;


    }





    .custom-gallery-next{


        right:8px;


    }





    .firstnum-customer-review-text{


        font-size:14px;


    }




}


/* =========================================================
   VERSION 4/5

   SECTION:
   STATELINKER BENEFIT
   BENEFIT MARQUEE
   SHIPPING SUPPORT
========================================================= */


/* =====================================================
   STATELINKER BENEFIT SECTION
===================================================== */


.statelinker-benefit-section {


    display:grid;


    grid-template-columns:

    minmax(0,48%)

    minmax(0,52%);



    gap:45px;


    align-items:center;


    margin-top:50px;


}




/* LEFT IMAGE */


.statelinker-benefit-image {


    width:100%;


    max-width:620px;


    margin:auto;


}



.statelinker-benefit-image img {


    width:100%;


    height:auto;


    max-height:720px;


    object-fit:contain;


    display:block;


}






/* RIGHT CONTENT */


.statelinker-benefit-content {


    display:flex;


    flex-direction:column;


    gap:32px;


}





.statelinker-benefit-item {


    display:flex;


    align-items:flex-start;


    gap:20px;


}





.benefit-icon img {


    width:48px;


    height:48px;


    object-fit:contain;


}




.benefit-text h3 {


    margin:0 0 10px;


    font-size:22px;


    line-height:1.3;


    font-weight:700;


    color:#111;


}




.benefit-text p {


    margin:0;


    font-size:15px;


    line-height:1.7;


    color:#555;


}






/* CTA BUTTON */


.statelinker-discover-btn {


    width:220px;


    height:50px;


    display:flex;


    align-items:center;


    justify-content:center;


    background:#007bff;


    color:#fff!important;


    font-size:16px;


    font-weight:700;


    border-radius:6px;


    text-decoration:none;


    transition:.3s;


}



.statelinker-discover-btn:hover {


    background:#0056b3;


}







/* =====================================================
   BENEFIT MARQUEE
===================================================== */


.benefit-marquee {


    width:100vw;


    height:60px;


    overflow:hidden;


    display:flex;


    align-items:center;


    background:

    linear-gradient(

    90deg,

    #40e0f5,

    #42b8f5

    );


    position:relative;


    left:50%;


    transform:translateX(-50%);


    margin-top:50px;


}





.benefit-marquee-track {


    display:flex;


    align-items:center;


    width:max-content;


    animation:

    benefitScroll 25s linear infinite;


}




.marquee-item {


    color:#fff;


    font-size:16px;


    font-weight:900;


    letter-spacing:1.2px;


    white-space:nowrap;


    padding:0 70px;


    text-transform:uppercase;


}



@keyframes benefitScroll{


    from{


        transform:translateX(0);


    }


    to{


        transform:translateX(-50%);


    }


}






/* =====================================================
 SHIPPING & SUPPORT SECTION
===================================================== */


.shipping-support-section {


    background:#fcfcfc;


    padding:35px 20px 0;


    text-align:left;


    width:100vw;


    position:relative;


    left:50%;


    transform:translateX(-50%);


    margin-bottom:20px;


}






.shipping-support-section h2 {


    padding-left:180px;


    width:fit-content;


    margin:0 0 45px;


    font-size:30px;


    font-family:Arial;


    font-weight:400;


    color:#111;


}






.shipping-support-grid {


    max-width:1200px;


    margin:auto;


    display:grid;


    grid-template-columns:

    repeat(4,1fr);


    gap:25px;


}






.shipping-support-item {


    display:flex;


    align-items:center;


    justify-content:center;


    gap:15px;


    text-align:left;


}






.shipping-support-icon {


    position:relative;


    flex:0 0 auto;


    width:55px;


    height:55px;


}




.shipping-support-icon img.main-icon {


    width:50px;


    height:50px;


    object-fit:contain;


}





.shipping-support-icon img.decor-icon {


    position:absolute;


    width:22px;


    height:22px;


    object-fit:contain;


    right:-5px;


    bottom:-3px;


}






.shipping-support-item strong {


    display:block;


    font-size:15px;


    font-weight:800;


    line-height:1.35;


    color:#111;


}





.shipping-support-item span {


    display:block;


    font-size:13px;


    font-weight:500;


    color:#111;


    line-height:1.45;


}




.shipping-support-item:first-child span {


    max-width:150px;


}






/* =====================================================
 TABLET
===================================================== */


@media(max-width:991px){


    .statelinker-benefit-section{


        grid-template-columns:1fr;


        gap:40px;


    }





    .shipping-support-grid{


        grid-template-columns:

        repeat(2,1fr);


        gap:35px 25px;


    }



}






/* =====================================================
 MOBILE
===================================================== */


@media(max-width:767px){


    .statelinker-benefit-section{


        margin-top:40px;


    }





    .benefit-text h3{


        font-size:20px;


    }





    .benefit-text p{


        font-size:14px;


    }





    .benefit-marquee{


        height:55px;


    }





    .marquee-item{


        font-size:13px;


        padding:0 35px;


    }






    .shipping-support-section{


        padding:40px 15px;


    }





    .shipping-support-section h2{


        padding-left:0;


        font-size:28px;


        margin-bottom:30px;


        text-align:center;


        width:100%;


    }






    .shipping-support-grid{


        grid-template-columns:

        repeat(2,1fr);


        gap:30px 15px;


    }





    .shipping-support-item{


        flex-direction:column;


        text-align:center;


        gap:10px;


    }





    .shipping-support-item strong{


        font-size:13px;


    }





    .shipping-support-item span{


        font-size:12px;


    }



}



/* =========================================================
   NO SPEED LIMIT FEATURE SECTION
========================================================= */


.no-speed-limit-section{


    position:relative;


    width:100vw;


    left:50%;


    transform:translateX(-50%);



    padding:0 60px;



    display:grid;



    grid-template-columns:



        minmax(240px,320px)

        minmax(300px,420px)

        minmax(240px,320px);




    justify-content:center;



    align-items:center;



    column-gap:70px;



    background:#fff;



    overflow:hidden;



    border-top:2px solid #fff;


    border-bottom:2px solid #fff;



}





/* =====================================================
   BACKGROUND WATERMARK
===================================================== */


.no-speed-watermark{


    position:absolute;


    z-index:0;



    top:50%;


    left:50%;



    transform:

    translate(-50%,-50%);




    width:100%;


    height:100%;



    background-image:url(
    "https://firstnumwifi.com/wp-content/uploads/2026/08/3.png"
    );



    background-position:center;


    background-repeat:no-repeat;


    background-size:100% auto;



    opacity:.8;



    pointer-events:none;



}





/* =====================================================
   LEFT / RIGHT COLUMN
===================================================== */


.no-speed-column{


    position:relative;


    z-index:3;



    display:flex;


    flex-direction:column;



    justify-content:center;



    gap:20px;



}




.no-speed-item{


    display:flex;


    align-items:center;


}





.no-speed-left
.no-speed-item{


    justify-content:flex-end;


    text-align:right;


}





.no-speed-right
.no-speed-item{


    justify-content:flex-start;


    text-align:left;


}





/* REMOVE ICON */


.no-speed-icon{


    display:none!important;


}





/* TEXT */


.no-speed-text{


    max-width:260px;


}





.no-speed-text h3{


    margin:0 0 12px;



    font-size:18px;



    line-height:1.35;



    font-weight:900;



    color:#111;



}




.no-speed-text p{


    margin:0;



    font-size:13px;



    line-height:1.7;



    color:#555;



}







/* CENTER PRODUCT */


.no-speed-product{


    position:relative;



    z-index:2;



    display:flex;



    justify-content:center;



    align-items:center;



}





.no-speed-product img{


    display:block;



    width:auto;



    max-width:420px;



    max-height:520px;



    object-fit:contain;



}







/* =====================================================
   WIFI FEATURE SECTION
===================================================== */


.wifi-feature-section{


    width:100%;



    max-width:1280px;



    margin:0 auto;



    padding:50px 40px 0;



    background:#fff;



}





/* ROW */


.wifi-feature-row{


    display:grid;



    grid-template-columns:1fr 1fr;



    align-items:center;



    gap:90px;



    margin-bottom:10px;



}





/* IMAGE */


.wifi-feature-image{


    width:100%;



    display:flex;



    justify-content:center;



    align-items:center;



}





.wifi-feature-image img{


    width:100%;



    max-width:520px;



    height:auto;



    object-fit:contain;



    display:block;



}





/* CONTENT */


.wifi-feature-content{


    width:100%;



}





.wifi-feature-content h2{


    margin:0 0 18px;



    font-size:38px;



    line-height:1.3;



    font-weight:700;



    color:#000;



}





/* DESCRIPTION */


.wifi-feature-description{


    text-transform:capitalize;



    font-weight:700;



    font-family:Arial,sans-serif;



    color:#1e1e1e;



    font-size:22px;



    line-height:1.5;



    margin:25px 0 28px;



    position:relative;



    padding-bottom:22px;



}





.wifi-feature-description::after{


    content:"";



    position:absolute;



    left:0;



    bottom:0;



    width:65px;



    height:4px;



    background:#35c759;



    border-radius:5px;



}







/* LIST */


.wifi-feature-content ul{


    list-style:none;



    padding:0;



    margin:0;



}





.wifi-feature-content li{


    margin-bottom:14px;



    font-size:16px;



    line-height:1.6;



    color:#333;



    font-weight:500;



}







/* RIGHT TEXT */


.wifi-feature-row-right
.wifi-feature-content{


    order:1;



    text-align:right;



    display:flex;



    flex-direction:column;



    align-items:flex-end;



}





.wifi-feature-row-right
.wifi-feature-image{


    order:2;



}






/* STRONG SIGNAL TITLE */


.wifi-feature-row-right
.wifi-feature-content h2{


    white-space:nowrap;



}





.wifi-title-line{


    display:block;



    width:45px;



    height:3px;



    background:#28c76f;



    margin-top:12px;



    margin-bottom:25px;



}






/* RIGHT LIST */


.wifi-feature-row-right
.wifi-feature-content ul{


    display:flex;



    flex-direction:column;



    align-items:flex-end;



    margin:25px 0;



}





.wifi-feature-row-right
.wifi-feature-content ul li{


    display:flex;



    align-items:center;



    width:max-content;



    gap:8px;



    text-align:left;



}






/* BUTTON */


.wifi-shop-button{


    display:flex;



    align-items:center;



    justify-content:center;



    width:180px;



    height:52px;



    margin-top:0px;



    background:#007bff;



    color:#fff!important;



    border-radius:6px;



    font-size:16px;



    font-weight:700;



    text-decoration:none;



}



.wifi-shop-button:hover{


    background:#0056b3;



}







/* BLUE TITLE */


.wifi-blue-title{


    color:#3588ea!important;



    margin-top:0!important;



    margin-bottom:0!important;



    font-family:Arial,cursive!important;



    font-size:38px!important;



    line-height:1.3em!important;



    text-transform:capitalize!important;



    text-align:left!important;



    font-weight:400!important;



}








/* =====================================================
   TABLET
===================================================== */


@media(max-width:1100px){



    .no-speed-limit-section{


        grid-template-columns:1fr;



        gap:10px;



        padding:50px 30px;



    }





    .no-speed-product{


        order:2;


    }




    .no-speed-left{


        order:1;


    }




    .no-speed-right{


        order:3;


    }




    .no-speed-left
    .no-speed-item,

    .no-speed-right
    .no-speed-item{


        justify-content:center;



        text-align:center;



    }






    .wifi-feature-row{


        grid-template-columns:1fr;



        gap:45px;



    }





    .wifi-feature-row-right
    .wifi-feature-content{


        order:2;



        text-align:left;



        align-items:flex-start;



    }





    .wifi-feature-row-right
    .wifi-feature-image{


        order:1;



    }




    .wifi-feature-content h2{


        font-size:30px;



        white-space:normal;



    }




}







/* =====================================================
   MOBILE
===================================================== */


@media(max-width:767px){



    .no-speed-limit-section{


        margin-top:0px;



        padding:20px 20px;



    }





    .no-speed-product img{


        max-width:280px;



    }




    .no-speed-watermark{


        width:350px;



        height:150px;



    }





    .no-speed-text h3{


        font-size:16px;



    }






    .wifi-feature-section{


        padding:10px 20px;



    }





    .wifi-feature-row{
        
        justify-content: center;
        /*margin-bottom:60px;*/



    }





    .wifi-feature-image img{


        max-width:330px;



    }





    .wifi-feature-content h2{


        font-size:25px;



    }





    .wifi-feature-description{


        font-size:16px;



    }





    .wifi-feature-content li{


        font-size:14px;



    }





    .wifi-blue-title{


        font-size:28px!important;



    }




}



/* =========================================================
   PRODUCT SINGLE CSS
   FINAL INTEGRATED VERSION 5/5

   SECTION:
   WIFI BENEFIT MARQUEE
   LIFE SCENE
   DATA PLAN SLIDER
   FINAL MOBILE
========================================================= */



/* =====================================================
   WIFI BENEFIT MARQUEE
===================================================== */


.wifi-benefit-marquee{


    width:100vw;


    height:60px;


    overflow:hidden;


    display:flex;


    align-items:center;



    background:

    linear-gradient(

        90deg,

        #40e0f5,

        #42b8f5

    );



    position:relative;


    left:50%;


    transform:translateX(-50%);



}




.wifi-benefit-marquee-track{


    display:flex;


    align-items:center;


    width:max-content;


    animation:

    wifiBenefitScroll 25s linear infinite;


}




.wifi-marquee-item{


    color:#000;


    font-size:16px;


    font-weight:900;


    letter-spacing:1.2px;


    white-space:nowrap;


    padding:0 70px;


    text-transform:uppercase;


}





@keyframes wifiBenefitScroll{


    from{


        transform:translateX(0);


    }


    to{


        transform:translateX(-50%);


    }


}







/* =====================================================
   LIFE SCENE SECTION
===================================================== */


.life-scene-section{


    width:100%;


    background:#fff;


    padding:80px 40px;



}





.life-scene-title{


    margin:0 0 65px;



    text-align:center;



    color:#111;



    font-size:42px;



    line-height:1.3;



    font-weight:900;



    font-style:italic;



}







.life-scene-grid{


    width:100%;



    max-width:1280px;



    margin:0 auto;



    display:grid;



    grid-template-columns:

    repeat(6,1fr);



    gap:30px;



}





.life-scene-card{


    width:100%;



    text-align:center;



}





.life-scene-card img{


    width:100%;



    aspect-ratio:1 / 1;



    object-fit:cover;



    display:block;



}





.life-scene-card h3{


    margin:18px 0 0;



    color:#111;



    font-size:18px;



    line-height:1.4;



    font-weight:700;



}








/* =====================================================
   DATA PLAN IMAGE SLIDER
===================================================== */



.data-plan-slider-section{


    width:100%;


    background:#fff;



}







.data-plan-slider-title{


    text-align:center;



    margin-bottom:50px;



}







.data-plan-slider-title h2{


    font-size:42px;



    font-weight:900;



    font-style:italic;



    margin-bottom:20px;



}





.data-plan-slider-title p{


    font-size:24px;



    letter-spacing:2px;



}







.data-plan-slider-wrapper{


    position:relative;



    max-width:1200px;



    margin:auto;



    overflow:hidden;



}







.data-plan-slider-track{


    display:flex;



    justify-content:center;



    align-items:center;



    gap:30px;



    transition:.5s ease;



}





.data-plan-slide{


    flex:0 0 320px;



    display:flex;



    justify-content:center;



    align-items:center;



}





.data-plan-slide img{


    width:100%;



    max-width:320px;



    aspect-ratio:3 / 4;



    height:auto;



    object-fit:cover;



    display:block;



}







.data-plan-prev,
.data-plan-next{


    position:absolute;



    top:45%;



    width:45px;



    height:45px;



    border-radius:50%;



    border:none;



    background:#999;



    color:#fff;



    font-size:30px;



    z-index:5;



}





.data-plan-prev{


    left:10px;



}




.data-plan-next{


    right:10px;



}





.data-plan-dots{


    text-align:center;



    margin-top:30px;



}





.data-plan-dots span{


    display:inline-block;



    width:35px;



    height:5px;



    background:#999;



    margin:5px;



}





.data-plan-dots .active{


    background:#000;



}









/* =====================================================
   TABLET
===================================================== */


@media(max-width:1100px){



    .life-scene-grid{


        grid-template-columns:

        repeat(3,1fr);



        gap:40px 25px;



    }





    .life-scene-title{


        font-size:36px;



    }




}







@media(max-width:991px){



    .wifi-benefit-marquee{


        height:60px;



    }



}








/* =====================================================
   MOBILE
===================================================== */


@media(max-width:767px){



    .wifi-benefit-marquee{


        height:55px;



    }





    .wifi-marquee-item{


        font-size:13px;



        padding:0 35px;



    }






    .life-scene-section{


        padding:50px 20px;



    }





    .life-scene-title{


        font-size:28px;



        margin-bottom:40px;



    }





    .life-scene-grid{


        grid-template-columns:

        repeat(2,1fr);



        gap:35px 15px;



    }





    .life-scene-card h3{


        font-size:15px;



        margin-top:14px;



    }







    .data-plan-slider-title h2{


        font-size:28px;



    }





    .data-plan-slider-title p{


        font-size:16px;



    }





    .data-plan-slide{


        flex:0 0 100%;



    }





    .data-plan-slide img{


        max-width:90%;



    }





    .data-plan-prev,
    .data-plan-next{


        width:36px;



        height:36px;



        font-size:22px;



    }





}








/* =====================================================
   SMALL MOBILE FINAL OVERRIDE
===================================================== */


@media(max-width:480px){



    .life-scene-title{


        font-size:26px;



    }





    .data-plan-slider-title h2{


        font-size:25px;



    }





    .data-plan-slider-title p{


        letter-spacing:1px;



    }





}



/* =====================================================
   PRODUCT SETUP STEPS
   MOBILE HORIZONTAL SLIDER
   ONLY MOBILE 详情页图片左右滑动
===================================================== */


@media(max-width:767px){


/* 图片滚动容器 */
.data-plan-slider-wrapper{

    width:100%;

    overflow:hidden;

}



/* 图片轨道 */
.data-plan-slider-track{


    display:flex;

    justify-content:flex-start;

    align-items:center;

    gap:15px;


    overflow-x:auto;

    overflow-y:hidden;


    scroll-behavior:smooth;


    -webkit-overflow-scrolling:touch;


    scrollbar-width:none;


}


/* 隐藏滚动条 */

.data-plan-slider-track::-webkit-scrollbar{

    display:none;

}




/* 每一张图片 */

.data-plan-slide{


    flex:0 0 78%;


    max-width:78%;


    display:flex;

    justify-content:center;

    align-items:center;


}



/* 图片 */

.data-plan-slide img{


    width:100%;


    max-width:none;


    aspect-ratio:3 / 4;


    object-fit:cover;


}




/* 左右按钮隐藏 */

.data-plan-prev,
.data-plan-next{


    display:none!important;


}



/* dots 保留 */

.data-plan-dots{


    margin-top:25px;


}



}



/* =====================================================
   REMOVE MINIMOG GLOBAL BUTTON HOVER SHADOW
   ONLY PRODUCT SINGLE PAGE手风琴的
===================================================== */


.single-product .custom-product-single button:hover,
.single-product .custom-product-single input[type=button]:hover,
.single-product .custom-product-single input[type=reset]:hover,
.single-product .custom-product-single input[type=submit]:hover,
.single-product .custom-product-single .button:hover{

    box-shadow:none!important;

}