/*
|--------------------------------------------------------------------------
| Retailer Home
|--------------------------------------------------------------------------
*/

.phc-retailer-home {

    background: #F8FBFC;

    min-height: 100vh;

}

/*
|--------------------------------------------------------------------------
| Upload Utility Bar
|--------------------------------------------------------------------------
*/

.phc-upload-utility {

    padding-top: 16px;

}

/*
|--------------------------------------------------------------------------
| Inner
|--------------------------------------------------------------------------
*/

.phc-upload-utility-inner {

    height: 64px;

    border-radius: 16px;

    background:
        linear-gradient(
            90deg,
            #00A887 0%,
            #059669 100%
        );

    padding: 0 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

}

/*
|--------------------------------------------------------------------------
| Text
|--------------------------------------------------------------------------
*/

.phc-upload-utility-text {

    color: #FFFFFF;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

}

/*
|--------------------------------------------------------------------------
| Button
|--------------------------------------------------------------------------
*/

.phc-upload-utility-btn {

    height: 42px;

    padding: 0 18px;

    border-radius: 12px;

    background: #F6C453;

    color: #0F172A;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    white-space: nowrap;

    transition: all 0.2s ease;

}

.phc-upload-utility-btn:hover {

    transform: translateY(-1px);

}

/*
|--------------------------------------------------------------------------
| Search Strip
|--------------------------------------------------------------------------
*/

.phc-search-strip {

    padding: 18px 0 28px;

}

/*
|--------------------------------------------------------------------------
| Search Box
|--------------------------------------------------------------------------
*/

.phc-search-strip-box {

    height: 64px;

    background: #FFFFFF;

    border: 2px solid #0F172A;

    border-radius: 14px;

    display: flex;

    align-items: center;

    padding: 0 20px;

    box-shadow:
        0 4px 14px rgba(15,23,42,0.04);

}

/*
|--------------------------------------------------------------------------
| Input
|--------------------------------------------------------------------------
*/

.phc-search-strip-box input {

    flex: 1;

    border: none;

    outline: none;

    background: transparent;

    font-size: 17px;

    color: #0F172A;

}

/*
|--------------------------------------------------------------------------
| Search Icon
|--------------------------------------------------------------------------
*/

.phc-search-strip-box span {

    font-size: 22px;

    opacity: 0.7;

}

/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .phc-upload-utility-inner {

        flex-direction: row;

    }

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    /*
    |--------------------------------------------------------------------------
    | Upload Bar
    |--------------------------------------------------------------------------
    */

    .phc-upload-utility {

        padding-top: 12px;

    }

    .phc-upload-utility-inner {

        height: auto;

        min-height: 58px;

        padding: 14px 16px;

        border-radius: 14px;

        gap: 12px;

    }

    .phc-upload-utility-text {

        font-size: 13px;

        line-height: 1.5;

    }

    .phc-upload-utility-btn {

        height: 38px;

        padding: 0 14px;

        font-size: 13px;

        border-radius: 10px;

    }

    /*
    |--------------------------------------------------------------------------
    | Search
    |--------------------------------------------------------------------------
    */

    .phc-search-strip {

        padding: 14px 0 20px;

    }

    .phc-search-strip-box {

        height: 56px;

        border-radius: 12px;

        padding: 0 16px;

    }

    .phc-search-strip-box input {

        font-size: 15px;

    }

}




/*
|--------------------------------------------------------------------------
| Search Results
|--------------------------------------------------------------------------
*/

.phc-search-results{
    margin-top:16px;
}

.phc-product-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:16px;
    margin-bottom:14px;
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

.phc-product-top{
    display:flex;
    justify-content:space-between;
    gap:16px;
}

.phc-product-name{
    font-size:18px;
    font-weight:700;
    color:#111827;
    margin-bottom:6px;
}

.phc-product-drug{
    font-size:14px;
    color:#111827;
    font-weight:600;
    margin-bottom:6px;
}

.phc-product-meta,
.phc-product-pack,
.phc-product-pricing{
    font-size:13px;
    color:#4b5563;
    margin-bottom:4px;
}

.phc-product-margin{
    display:inline-block;
    margin-top:8px;
    background:#ecfdf5;
    color:#047857;
    padding:4px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.phc-product-right{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
}

.phc-product-netptr{
    font-size:24px;
    font-weight:800;
    color:#111827;
}

.phc-add-btn{
    background:#0f766e;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:10px 18px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.phc-add-btn:hover{
    opacity:0.92;
}

mark{
    background:#fef08a;
    padding:0 2px;
    border-radius:2px;
}

.phc-no-results{
    background:#fff;
    border-radius:12px;
    padding:18px;
    text-align:center;
    color:#6b7280;
    border:1px solid #e5e7eb;
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width:768px){

    .phc-product-top{
        flex-direction:column;
    }

    .phc-product-right{
        flex-direction:row;
        align-items:center;
    }

    .phc-product-netptr{
        font-size:22px;
    }

}


/*
|--------------------------------------------------------------------------
| Qty Controls
|--------------------------------------------------------------------------
*/

.phc-qty-controls{
    display:flex;
    align-items:center;
    gap:10px;
}

.phc-qty-btn{
    width:40px;
    height:40px;
    border:none;
    border-radius:10px;
    color:#fff;
    font-size:22px;
    font-weight:700;
    cursor:pointer;
}

.phc-qty-btn.minus{
    background:#059669;
}

.phc-qty-btn.plus{
    background:#2563eb;
}

.phc-qty-number{
    font-size:18px;
    font-weight:700;
    min-width:20px;
    text-align:center;
}


/*
|--------------------------------------------------------------------------
| Floating Cart
|--------------------------------------------------------------------------
*/

.phc-floating-cart{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
    width:calc(100% - 24px);
    max-width:520px;
    background:#ffffff;
    border:1px solid #dbe4ee;
    color:#0f172a;
    border-radius:18px;
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:9999;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

.phc-floating-cart-left{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.phc-floating-cart-left span{
    font-size:13px;
    color:#64748b;
}

.phc-floating-cart-left strong{
    font-size:22px;
    font-weight:800;
}

.phc-floating-cart-btn{
    background:#059669;
    color:#fff;
    text-decoration:none;
    padding:12px 18px;
    border-radius:12px;
    font-size:14px;
    font-weight:700;
    transition:0.2s;
}

.phc-floating-cart-btn:hover{
    opacity:0.92;
}

@media (max-width:768px){

    .phc-floating-cart{
        bottom:14px;
        padding:14px 16px;
    }

    .phc-floating-cart-left strong{
        font-size:20px;
    }

}


/*
|--------------------------------------------------------------------------
| Qty Controls
|--------------------------------------------------------------------------
*/

.phc-qty-controls {

    display: flex;

    align-items: center;

    gap: 10px;

}

/*
|--------------------------------------------------------------------------
| Qty Buttons
|--------------------------------------------------------------------------
*/

.phc-qty-btn {

    width: 42px;

    height: 42px;

    border: none;

    border-radius: 12px;

    font-size: 24px;

    font-weight: 700;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}

.phc-qty-btn.minus {

    background: #0f9d6c;

    color: #fff;

}

.phc-qty-btn.plus {

    background: #2f6fed;

    color: #fff;

}

/*
|--------------------------------------------------------------------------
| Qty Input
|--------------------------------------------------------------------------
*/

.phc-qty-input {

    width: 70px;

    height: 42px;

    border: 1px solid #d8dee8;

    border-radius: 10px;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    outline: none;

    padding: 0 8px;

    background: #fff;

    color: #111827;

}

/*
|--------------------------------------------------------------------------
| Remove Number Arrows
|--------------------------------------------------------------------------
*/

.phc-qty-input::-webkit-outer-spin-button,
.phc-qty-input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

.phc-qty-input[type=number] {

    -moz-appearance: textfield;

}

/*
|--------------------------------------------------------------------------
| Focus
|--------------------------------------------------------------------------
*/

.phc-qty-input:focus {

    border-color: #2f6fed;

    box-shadow:
        0 0 0 3px rgba(47,111,237,0.12);

}


/*
|--------------------------------------------------------------------------
| Home Discovery
|--------------------------------------------------------------------------
*/

.phc-home-discovery {

    padding: 24px 0 120px;

}

/*
|--------------------------------------------------------------------------
| Section
|--------------------------------------------------------------------------
*/

.phc-home-section {

    margin-bottom: 32px;

}

/*
|--------------------------------------------------------------------------
| Section Header
|--------------------------------------------------------------------------
*/

.phc-home-section-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

}

.phc-home-section-header h2 {

    font-size: 20px;

    font-weight: 700;

    color: #0F172A;

    margin: 0;

}

/*
|--------------------------------------------------------------------------
| Scroll Row
|--------------------------------------------------------------------------
*/

.phc-home-scroll-row {

    display: flex;

    gap: 12px;

    overflow-x: auto;

    scrollbar-width: none;

    -ms-overflow-style: none;

    padding-bottom: 4px;

}

.phc-home-scroll-row::-webkit-scrollbar {

    display: none;

}

/*
|--------------------------------------------------------------------------
| Chips
|--------------------------------------------------------------------------
*/

.phc-home-chip {

    border: 2px solid #111827;

    background: #FFFFFF;

    color: #0F172A;

    border-radius: 999px;

    padding: 12px 18px;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;

    cursor: pointer;

    transition: 0.2s ease;

    flex-shrink: 0;

}

.phc-home-chip:hover {

    border-color: #00A887;

    color: #00A887;

}

/*
|--------------------------------------------------------------------------
| Active Chip
|--------------------------------------------------------------------------
*/

.phc-home-chip.active {

    background: #00A887;

    border-color: #00A887;

    color: #FFFFFF;

}

/*
|--------------------------------------------------------------------------
| Product Rows
|--------------------------------------------------------------------------
*/

.phc-home-products {

    display: flex;

    gap: 16px;

    overflow-x: auto;

    scrollbar-width: none;

    -ms-overflow-style: none;

    padding-bottom: 6px;

}

.phc-home-products::-webkit-scrollbar {

    display: none;

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    .phc-home-section-header h2 {

        font-size: 18px;

    }

    .phc-home-chip {

        padding: 10px 16px;

        font-size: 13px;

    }

}

/*
|--------------------------------------------------------------------------
| Slider Wrap
|--------------------------------------------------------------------------
*/

.phc-home-slider-wrap {

    display: flex;

    align-items: center;

    gap: 8px;

}

/*
|--------------------------------------------------------------------------
| Arrows
|--------------------------------------------------------------------------
*/

.phc-home-arrow {

    width: 32px;

    height: 32px;

    border: 1.5px solid #D1D5DB;

    background: #FFFFFF;

    color: #111827;

    font-size: 18px;

    font-weight: 700;

    cursor: pointer;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    transition: 0.2s ease;

    padding: 0;

}

.phc-home-arrow:hover {

    border-color: #00A887;

    color: #00A887;

    background: #F0FDFA;

}

/*
|--------------------------------------------------------------------------
| Thick Border Chips
|--------------------------------------------------------------------------
*/

.phc-home-chip {

    border: 2px solid #111827;

}

/*
|--------------------------------------------------------------------------
| Active Chip
|--------------------------------------------------------------------------
*/

.phc-home-chip.active {

    border-color: #00A887;

}


/*
|--------------------------------------------------------------------------
| Home Product Card
|--------------------------------------------------------------------------
*/

.phc-home-product-card {

    width: 320px;

    min-width: 320px;

    background: #FFFFFF;

    border: 1px solid #111827;

    border-radius: 20px;

    padding: 18px;

    display: flex;

    flex-direction: column;

    gap: 10px;

    flex-shrink: 0;

    transition: 0.2s ease;

}

.phc-home-product-card:hover {

    border-color: #00A887;

    transform: translateY(-2px);

}

/*
|--------------------------------------------------------------------------
| Product Top
|--------------------------------------------------------------------------
*/

.phc-home-product-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 12px;

}

/*
|--------------------------------------------------------------------------
| Product Title
|--------------------------------------------------------------------------
*/

.phc-home-product-title {

    font-size: 20px;

    font-weight: 700;

    color: #0F172A;

    line-height: 1.3;

    word-break: break-word;

    flex: 1;

}

/*
|--------------------------------------------------------------------------
| Product Price
|--------------------------------------------------------------------------
*/

.phc-home-product-price {

    font-size: 22px;

    font-weight: 800;

    color: #0F172A;

    white-space: nowrap;

}

/*
|--------------------------------------------------------------------------
| Drug
|--------------------------------------------------------------------------
*/

.phc-home-product-drug {

    font-size: 14px;

    color: #111827;

    font-weight: 600;

    line-height: 1.5;

    word-break: break-word;

}

/*
|--------------------------------------------------------------------------
| Meta
|--------------------------------------------------------------------------
*/

.phc-home-product-meta,

.phc-home-product-pack,

.phc-home-product-pricing {

    font-size: 14px;

    color: #64748B;

    line-height: 1.5;

}

/*
|--------------------------------------------------------------------------
| Margin
|--------------------------------------------------------------------------
*/

.phc-home-product-margin {

    width: fit-content;

    background: #ECFDF5;

    color: #059669;

    padding: 6px 10px;

    border-radius: 999px;

    font-size: 13px;

    font-weight: 700;

}

/*
|--------------------------------------------------------------------------
| Cart Area
|--------------------------------------------------------------------------
*/

.phc-home-product-cart {

    margin-top: auto;

    display: flex;

    justify-content: flex-end;

    padding-top: 8px;

}

/*
|--------------------------------------------------------------------------
| Product Scroll
|--------------------------------------------------------------------------
*/

.phc-home-products {

    display: flex;

    gap: 18px;

    overflow-x: auto;

    scrollbar-width: none;

    -ms-overflow-style: none;

    padding-bottom: 8px;

}

.phc-home-products::-webkit-scrollbar {

    display: none;

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    .phc-home-product-card {

        width: 280px;

        min-width: 280px;

        padding: 16px;

    }

    .phc-home-product-title {

        font-size: 18px;

    }

    .phc-home-product-price {

        font-size: 20px;

    }

}