/* =========================================================
   Smart Mobile Care - Product Details CSS
   Page-specific styles only
========================================================= */


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

.product-page{
    width:100%;
    background:#f3f4f6;
}


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

.product-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:30px 20px 60px;
}


/* =========================================================
   PRODUCT DETAILS SECTION
========================================================= */

.product-details-section{
    width:100%;
}


.product-details-grid{
    width:100%;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:35px;

    align-items:start;
}


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

.product-gallery{
    position:relative;

    width:100%;

    min-width:0;

    background:#fff;

    padding:18px;

    border-radius:18px;

    box-shadow:
        0 5px 18px rgba(0,0,0,.07);
}


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

.main-product-image{
    position:relative;

    width:100%;

    height:500px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:#f8fafc;

    border-radius:14px;
}


.main-product-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:contain;

    transition:
        opacity .25s ease,
        transform .3s ease;
}


/* =========================================================
   DISCOUNT BADGE
========================================================= */

.product-discount-badge{
    position:absolute;

    top:15px;
    left:15px;

    z-index:5;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:7px 11px;

    border-radius:20px;

    background:#dc2626;

    color:#fff;

    font-size:11px;

    font-weight:700;

    box-shadow:
        0 4px 10px rgba(220,38,38,.20);
}


/* =========================================================
   GALLERY NAVIGATION
========================================================= */

.gallery-nav{
    position:absolute;

    top:50%;

    z-index:5;

    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    color:#2563eb;

    font-size:14px;

    cursor:pointer;

    box-shadow:
        0 3px 10px rgba(0,0,0,.12);

    transform:translateY(-50%);

    transition:.25s;
}


.gallery-nav:hover{
    background:#2563eb;

    color:#fff;

    transform:
        translateY(-50%)
        scale(1.05);
}


.gallery-prev{
    left:12px;
}


.gallery-next{
    right:12px;
}


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

.product-thumbnails{
    width:100%;

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:14px;

    overflow-x:auto;

    padding-bottom:3px;

    scrollbar-width:thin;
}


.product-thumbnail{
    flex:0 0 75px;

    width:75px;
    height:75px;

    padding:3px;

    border:2px solid transparent;

    border-radius:10px;

    background:#f8fafc;

    cursor:pointer;

    overflow:hidden;

    transition:.25s;
}


.product-thumbnail:hover{
    border-color:#93c5fd;
}


.product-thumbnail.active{
    border-color:#2563eb;

    box-shadow:
        0 0 0 2px rgba(37,99,235,.10);
}


.product-thumbnail img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    border-radius:6px;
}


/* =========================================================
   IMAGE COUNT
========================================================= */

.image-count{
    position:absolute;

    right:28px;
    bottom:105px;

    z-index:5;

    display:inline-flex;

    align-items:center;

    gap:5px;

    padding:6px 10px;

    border-radius:20px;

    background:rgba(17,24,39,.75);

    color:#fff;

    font-size:10px;

    font-weight:500;
}


/* =========================================================
   PRODUCT INFORMATION
========================================================= */

.product-information{
    width:100%;

    min-width:0;

    padding:5px 0;
}


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

.product-category{
    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-bottom:10px;

    padding:6px 10px;

    border-radius:20px;

    background:#eff6ff;

    color:#2563eb;

    font-size:11px;

    font-weight:600;
}


.product-category i{
    font-size:10px;
}


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

.product-title{
    margin:0 0 12px;

    color:#111827;

    font-size:32px;

    line-height:1.3;

    font-weight:700;
}


/* =========================================================
   PRODUCT META
========================================================= */

.product-meta{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:12px;

    color:#6b7280;

    font-size:12px;
}


.product-meta span{
    display:inline-flex;

    align-items:center;

    gap:5px;
}


.product-meta i{
    color:#2563eb;

    font-size:11px;
}


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

.product-rating{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:18px;
}


.rating-stars{
    display:flex;

    align-items:center;

    gap:2px;

    color:#f59e0b;

    font-size:14px;
}


.rating-value{
    color:#374151;

    font-size:12px;

    font-weight:600;
}


.review-count{
    color:#6b7280;

    font-size:11px;
}


/* =========================================================
   PRICING
========================================================= */

.product-pricing{
    display:flex;

    align-items:flex-end;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:8px;
}


.current-price{
    color:#16a34a;

    font-size:32px;

    line-height:1.2;

    font-weight:700;
}


.old-price{
    display:flex;

    align-items:center;

    gap:5px;

    color:#9ca3af;

    font-size:12px;

    padding-bottom:4px;
}


.old-price del{
    color:#6b7280;

    font-size:14px;
}


/* =========================================================
   SAVING
========================================================= */

.product-saving-box{
    display:inline-flex;

    align-items:center;

    flex-wrap:wrap;

    gap:5px;

    margin-bottom:20px;

    padding:7px 10px;

    border-radius:8px;

    background:#f0fdf4;

    color:#15803d;

    font-size:11px;
}


.product-saving-box i{
    color:#16a34a;
}


.product-saving-box strong{
    font-weight:700;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.product-highlights{
    width:100%;

    display:grid;

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

    gap:10px;

    margin-bottom:20px;
}


.product-highlight{
    display:flex;

    align-items:center;

    gap:10px;

    min-width:0;

    padding:13px;

    border:1px solid #e5e7eb;

    border-radius:12px;

    background:#fff;
}


.product-highlight > i{
    flex:0 0 auto;

    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#eff6ff;

    color:#2563eb;

    font-size:13px;
}


.product-highlight.available > i{
    background:#f0fdf4;

    color:#16a34a;
}


.product-highlight.unavailable > i{
    background:#fef2f2;

    color:#dc2626;
}


.product-highlight div{
    min-width:0;

    display:flex;

    flex-direction:column;

    gap:2px;
}


.product-highlight strong{
    color:#374151;

    font-size:12px;

    font-weight:600;
}


.product-highlight small{
    color:#6b7280;

    font-size:10px;
}


/* =========================================================
   QUANTITY
========================================================= */

.quantity-section{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:15px;
}


.quantity-section label{
    color:#374151;

    font-size:13px;

    font-weight:600;
}


.quantity-control{
    display:flex;

    align-items:center;

    overflow:hidden;

    border:1px solid #d1d5db;

    border-radius:9px;

    background:#fff;
}


.quantity-control button{
    width:38px;
    height:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:none;

    background:#f9fafb;

    color:#374151;

    cursor:pointer;

    transition:.2s;
}


.quantity-control button:hover{
    background:#eff6ff;

    color:#2563eb;
}


.quantity-control input{
    width:45px;
    height:38px;

    padding:0;

    border:none;

    border-left:1px solid #e5e7eb;
    border-right:1px solid #e5e7eb;

    outline:none;

    background:#fff;

    color:#111827;

    text-align:center;

    font-size:13px;

    font-weight:600;
}


/* Remove number arrows */

.quantity-control input::-webkit-inner-spin-button,
.quantity-control input::-webkit-outer-spin-button{
    -webkit-appearance:none;

    margin:0;
}

.quantity-control input{
    appearance:textfield;
}


/* =========================================================
   PRODUCT ACTIONS
========================================================= */

.product-detail-actions{
    width:100%;

    display:grid;

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

    gap:10px;

    margin-top:10px;
}


.detail-action-btn{
    width:100%;

    min-height:50px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    border:none;

    border-radius:11px;

    color:#fff;

    font-size:13px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;
}


.detail-action-btn:hover{
    transform:translateY(-2px);

    box-shadow:
        0 7px 16px rgba(0,0,0,.12);
}


.add-cart-detail{
    background:#16a34a;
}


.add-cart-detail:hover{
    background:#15803d;
}


.buy-now-detail{
    background:#2563eb;
}


.buy-now-detail:hover{
    background:#1d4ed8;
}


.out-of-stock-detail{
    grid-column:1 / -1;

    background:#d1d5db;

    color:#6b7280;

    cursor:not-allowed;
}


.out-of-stock-detail:hover{
    transform:none;

    box-shadow:none;
}


/* =========================================================
   SERVICE FEATURES
========================================================= */

.product-service-features{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:8px;

    margin-top:18px;

    padding-top:18px;

    border-top:1px solid #e5e7eb;
}


.product-service-features > div{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:6px;

    min-width:0;

    padding:8px 5px;

    text-align:center;
}


.product-service-features i{
    color:#2563eb;

    font-size:18px;
}


.product-service-features span{
    color:#6b7280;

    font-size:9px;

    line-height:1.3;
}


/* =========================================================
   CONTENT SECTIONS
========================================================= */

.product-content-section{
    width:100%;

    margin-top:30px;

    display:flex;

    flex-direction:column;

    gap:20px;
}


.product-content-card{
    width:100%;

    padding:28px;

    border-radius:18px;

    background:#fff;

    box-shadow:
        0 4px 15px rgba(0,0,0,.06);
}


.content-section-title{
    display:flex;

    align-items:center;

    gap:9px;

    margin:0 0 20px;

    color:#1f2937;

    font-size:24px;

    line-height:1.3;

    font-weight:700;
}


.content-section-title i{
    color:#2563eb;

    font-size:20px;
}


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

.product-description{
    color:#4b5563;

    font-size:14px;

    line-height:2;

    white-space:normal;
}


.empty-content{
    color:#9ca3af;
}


/* =========================================================
   SPECIFICATIONS
========================================================= */

.specifications-table{
    width:100%;

    border:1px solid #e5e7eb;

    border-radius:12px;

    overflow:hidden;
}


.spec-row{
    display:grid;

    grid-template-columns:
        220px minmax(0,1fr);

    border-bottom:1px solid #e5e7eb;
}


.spec-row:last-child{
    border-bottom:none;
}


.spec-label,
.spec-value{
    padding:14px 16px;

    font-size:13px;

    line-height:1.6;
}


.spec-label{
    background:#f8fafc;

    color:#374151;

    font-weight:600;
}


.spec-value{
    color:#6b7280;
}


.spec-stock{
    display:inline-flex;

    align-items:center;

    gap:6px;

    font-weight:600;
}


.spec-stock.available{
    color:#16a34a;
}


.spec-stock.unavailable{
    color:#dc2626;
}


/* =========================================================
   RELATED PRODUCTS
========================================================= */

.related-products-grid{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:16px;
}


.related-product-card{
    min-width:0;

    overflow:hidden;

    border:1px solid #eef2f7;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 3px 10px rgba(0,0,0,.05);

    transition:.25s;
}


.related-product-card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 9px 20px rgba(0,0,0,.10);
}


.related-product-image{
    width:100%;

    height:190px;

    display:block;

    overflow:hidden;

    background:#f8fafc;
}


.related-product-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:.3s;
}


.related-product-card:hover
.related-product-image img{
    transform:scale(1.04);
}


.related-product-body{
    padding:13px;
}


.related-product-body h3{
    height:42px;

    margin:0;

    overflow:hidden;

    font-size:13px;

    line-height:1.5;

    font-weight:600;
}


.related-product-body h3 a{
    color:#1f2937;

    text-decoration:none;
}


.related-product-body h3 a:hover{
    color:#2563eb;
}


.related-price{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:7px;

    margin-top:9px;

    color:#16a34a;

    font-size:17px;

    font-weight:700;
}


.related-price del{
    color:#9ca3af;

    font-size:11px;

    font-weight:400;
}


.related-view-btn{
    width:100%;

    min-height:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:6px;

    margin-top:12px;

    border-radius:8px;

    background:#2563eb;

    color:#fff;

    text-decoration:none;

    font-size:11px;

    font-weight:600;

    transition:.25s;
}


.related-view-btn:hover{
    background:#1d4ed8;
}


/* =========================================================
   REVIEWS
========================================================= */

.reviews-list{
    width:100%;
}


.review-item{
    padding:18px 0;

    border-bottom:1px solid #e5e7eb;
}


.review-item:first-child{
    padding-top:0;
}


.review-item:last-child{
    padding-bottom:0;

    border-bottom:none;
}


.review-header{
    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:15px;

    margin-bottom:10px;
}


.review-user{
    display:flex;

    align-items:center;

    gap:10px;

    min-width:0;
}


.review-avatar{
    width:38px;
    height:38px;

    flex:0 0 38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#eff6ff;

    color:#2563eb;

    font-size:13px;
}


.review-user h4{
    margin:0 0 4px;

    color:#374151;

    font-size:13px;

    font-weight:600;
}


.review-stars{
    display:flex;

    gap:2px;

    color:#f59e0b;

    font-size:11px;
}


.review-header time{
    flex:0 0 auto;

    color:#9ca3af;

    font-size:10px;
}


.review-text{
    margin:0;

    color:#4b5563;

    font-size:13px;

    line-height:1.8;
}


/* =========================================================
   NO REVIEWS
========================================================= */

.no-reviews{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:35px 20px;

    text-align:center;
}


.no-reviews > i{
    margin-bottom:10px;

    color:#d1d5db;

    font-size:35px;
}


.no-reviews h3{
    margin:0 0 5px;

    color:#374151;

    font-size:16px;
}


.no-reviews p{
    margin:0;

    color:#9ca3af;

    font-size:12px;
}


/* =========================================================
   WRITE REVIEW
========================================================= */

.review-form{
    width:100%;

    display:grid;

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

    gap:16px;
}


.review-form-group{
    display:flex;

    flex-direction:column;

    gap:7px;
}


.review-form-group:nth-child(3){
    grid-column:1 / -1;
}


.review-form-group label{
    color:#374151;

    font-size:12px;

    font-weight:600;
}


.review-form-group input,
.review-form-group select,
.review-form-group textarea{
    width:100%;

    padding:12px 13px;

    border:1px solid #d1d5db;

    border-radius:9px;

    outline:none;

    background:#fff;

    color:#1f2937;

    font-family:inherit;

    font-size:12px;

    transition:.25s;
}


.review-form-group textarea{
    resize:vertical;

    min-height:120px;
}


.review-form-group input:focus,
.review-form-group select:focus,
.review-form-group textarea:focus{
    border-color:#2563eb;

    box-shadow:
        0 0 0 3px rgba(37,99,235,.09);
}


.submit-review-btn{
    grid-column:1 / -1;

    width:100%;

    min-height:46px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    border:none;

    border-radius:10px;

    background:#2563eb;

    color:#fff;

    font-family:inherit;

    font-size:13px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;
}


.submit-review-btn:hover{
    background:#1d4ed8;

    transform:translateY(-2px);

    box-shadow:
        0 7px 15px rgba(37,99,235,.18);
}


/* =========================================================
   MOBILE BUY BAR
========================================================= */

.mobile-buy-bar{
    display:none;
}


/* =========================================================
   PRODUCT TOAST
========================================================= */

.product-toast{
    position:fixed;

    left:50%;

    bottom:90px;

    z-index:10000;

    display:none;

    align-items:center;

    gap:8px;

    max-width:
        calc(100% - 30px);

    padding:12px 18px;

    border-radius:10px;

    background:#16a34a;

    color:#fff;

    box-shadow:
        0 8px 25px rgba(0,0,0,.18);

    font-size:12px;

    font-weight:600;

    transform:
        translateX(-50%);
}


.product-toast.show{
    display:flex;

    animation:
        productToastIn .25s ease;
}


@keyframes productToastIn{

    from{
        opacity:0;

        transform:
            translateX(-50%)
            translateY(10px);
    }

    to{
        opacity:1;

        transform:
            translateX(-50%)
            translateY(0);
    }

}


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

@media(max-width:1100px){

    .product-details-grid{
        gap:25px;
    }


    .main-product-image{
        height:430px;
    }


    .product-title{
        font-size:28px;
    }


    .current-price{
        font-size:28px;
    }


    .related-products-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


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

@media(max-width:992px){

    .product-container{
        padding-left:15px;

        padding-right:15px;
    }


    .product-details-grid{
        grid-template-columns:1fr;

        gap:25px;
    }


    .main-product-image{
        height:480px;
    }


    .product-information{
        padding:0;
    }


    .related-products-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


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

@media(max-width:768px){

    .product-container{
        padding:
            15px
            10px
            100px;
    }


    .product-details-grid{
        gap:15px;
    }


    .product-gallery{
        padding:10px;

        border-radius:14px;
    }


    .main-product-image{
        height:340px;

        border-radius:10px;
    }


    .product-discount-badge{
        top:10px;

        left:10px;

        padding:6px 9px;

        font-size:9px;
    }


    .gallery-nav{
        width:34px;
        height:34px;

        font-size:11px;
    }


    .gallery-prev{
        left:8px;
    }


    .gallery-next{
        right:8px;
    }


    .product-thumbnails{
        gap:7px;

        margin-top:10px;
    }


    .product-thumbnail{
        flex-basis:60px;

        width:60px;
        height:60px;

        border-radius:8px;
    }


    .image-count{
        right:18px;

        bottom:80px;

        padding:5px 8px;

        font-size:9px;
    }


    .product-title{
        margin-bottom:9px;

        font-size:23px;
    }


    .product-category{
        margin-bottom:7px;

        padding:5px 8px;

        font-size:9px;
    }


    .product-meta{
        gap:10px;

        margin-bottom:9px;

        font-size:10px;
    }


    .product-rating{
        margin-bottom:13px;
    }


    .rating-stars{
        font-size:12px;
    }


    .rating-value,
    .review-count{
        font-size:10px;
    }


    .product-pricing{
        gap:8px;
    }


    .current-price{
        font-size:25px;
    }


    .old-price{
        font-size:10px;
    }


    .old-price del{
        font-size:12px;
    }


    .product-saving-box{
        margin-bottom:13px;

        padding:6px 8px;

        font-size:9px;
    }


    .product-highlights{
        gap:7px;

        margin-bottom:14px;
    }


    .product-highlight{
        padding:10px;

        gap:7px;

        border-radius:9px;
    }


    .product-highlight > i{
        width:29px;
        height:29px;

        font-size:11px;
    }


    .product-highlight strong{
        font-size:10px;
    }


    .product-highlight small{
        font-size:8px;
    }


    .quantity-section{
        margin-bottom:10px;
    }


    .quantity-section label{
        font-size:11px;
    }


    .quantity-control button{
        width:34px;
        height:34px;
    }


    .quantity-control input{
        width:38px;
        height:34px;

        font-size:11px;
    }


    .product-detail-actions{
        gap:7px;

        margin-top:8px;
    }


    .detail-action-btn{
        min-height:44px;

        border-radius:9px;

        font-size:11px;
    }


    .product-service-features{
        margin-top:13px;

        padding-top:13px;
    }


    .product-service-features i{
        font-size:15px;
    }


    .product-service-features span{
        font-size:8px;
    }


    /* =====================================================
       CONTENT
    ====================================================== */

    .product-content-section{
        margin-top:15px;

        gap:12px;
    }


    .product-content-card{
        padding:18px;

        border-radius:13px;
    }


    .content-section-title{
        margin-bottom:14px;

        font-size:19px;
    }


    .content-section-title i{
        font-size:16px;
    }


    .product-description{
        font-size:12px;

        line-height:1.9;
    }


    /* =====================================================
       SPECIFICATIONS
    ====================================================== */

    .spec-row{
        grid-template-columns:
            110px minmax(0,1fr);
    }


    .spec-label,
    .spec-value{
        padding:10px;

        font-size:10px;
    }


    /* =====================================================
       RELATED
    ====================================================== */

    .related-products-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }


    .related-product-image{
        height:135px;
    }


    .related-product-body{
        padding:9px;
    }


    .related-product-body h3{
        height:36px;

        font-size:10px;
    }


    .related-price{
        font-size:14px;
    }


    .related-price del{
        font-size:9px;
    }


    .related-view-btn{
        min-height:34px;

        margin-top:8px;

        font-size:9px;
    }


    /* =====================================================
       REVIEWS
    ====================================================== */

    .review-header{
        gap:8px;
    }


    .review-avatar{
        width:32px;
        height:32px;

        flex-basis:32px;

        font-size:11px;
    }


    .review-user h4{
        font-size:11px;
    }


    .review-stars{
        font-size:9px;
    }


    .review-header time{
        font-size:8px;
    }


    .review-text{
        font-size:10px;

        line-height:1.7;
    }


    /* =====================================================
       REVIEW FORM
    ====================================================== */

    .review-form{
        grid-template-columns:1fr;

        gap:12px;
    }


    .review-form-group:nth-child(3){
        grid-column:auto;
    }


    .review-form-group label{
        font-size:10px;
    }


    .review-form-group input,
    .review-form-group select,
    .review-form-group textarea{
        padding:10px;

        font-size:10px;
    }


    .submit-review-btn{
        grid-column:auto;

        min-height:42px;

        font-size:11px;
    }


    /* =====================================================
       MOBILE BUY BAR
    ====================================================== */

    .mobile-buy-bar{
        position:fixed;

        left:0;
        bottom:0;

        z-index:9998;

        width:100%;

        display:flex;

        align-items:center;

        gap:7px;

        padding:
            8px 10px
            calc(8px + env(safe-area-inset-bottom));

        background:#fff;

        border-top:
            1px solid #e5e7eb;

        box-shadow:
            0 -5px 18px rgba(0,0,0,.10);
    }


    .mobile-buy-btn{
        flex:1;

        min-height:43px;

        display:flex;

        align-items:center;

        justify-content:center;

        gap:6px;

        border:none;

        border-radius:9px;

        color:#fff;

        font-family:inherit;

        font-size:11px;

        font-weight:600;

        cursor:pointer;

        text-decoration:none;
    }


    .mobile-buy-now{
        background:#2563eb;
    }


    .mobile-add-cart{
        background:#16a34a;
    }


    .product-toast{
        bottom:72px;

        padding:10px 14px;

        font-size:10px;
    }

}


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

@media(max-width:480px){

    .main-product-image{
        height:300px;
    }


    .product-title{
        font-size:20px;
    }


    .current-price{
        font-size:23px;
    }


    .product-highlights{
        grid-template-columns:1fr;
    }


    .product-detail-actions{
        grid-template-columns:1fr;
    }


    .detail-action-btn{
        min-height:42px;
    }


    .product-service-features{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .product-content-card{
        padding:15px;
    }


    .content-section-title{
        font-size:17px;
    }


    .spec-row{
        grid-template-columns:
            95px minmax(0,1fr);
    }


    .spec-label,
    .spec-value{
        padding:9px 8px;

        font-size:9px;
    }


    .related-product-image{
        height:120px;
    }


    .related-product-body h3{
        font-size:9px;
    }


    .related-price{
        font-size:13px;
    }


    .mobile-buy-btn{
        min-height:41px;

        font-size:10px;
    }

}