/* PADIDAR SINGLE PRODUCT V1 */
:root{
  --pfsp-navy:#062f57;
  --pfsp-deep:#022641;
  --pfsp-red:#ed1328;
  --pfsp-green:#18a64a;
  --pfsp-text:#0a315d;
  --pfsp-muted:#718497;
  --pfsp-line:#dde7ef;
  --pfsp-soft:#f6f9fb;
  --pfsp-shadow:0 14px 42px rgba(3,44,79,.08);
}
.pfsp-page{direction:rtl;background:#fff;color:var(--pfsp-text);overflow:hidden}
.pfsp-page *{box-sizing:border-box}
.pfsp-page img{display:block;max-width:100%}
.pfsp-breadcrumb-wrap{background:#f5f8fb;border-bottom:1px solid #e4ebf1}
.pfsp-breadcrumb{min-height:48px;display:flex;align-items:center;gap:8px;color:#7a8b99;font-size:10px;white-space:nowrap;overflow:auto}
.pfsp-breadcrumb a{color:#4d667c}
.pfsp-main{padding:27px 0 25px}
.pfsp-main-grid{display:grid;grid-template-columns:315px minmax(350px,.82fr) minmax(430px,1.18fr);gap:20px;align-items:start}

/* calculator */
.pfsp-calculator{padding:19px;border:1px solid var(--pfsp-line);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(3,44,79,.045)}
.pfsp-calc-title{display:flex;gap:10px;align-items:center;margin-bottom:15px}
.pfsp-calc-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#edf4fa;color:var(--pfsp-navy);font-size:18px}
.pfsp-calc-title strong{display:block;font-size:15px}
.pfsp-calc-title small{display:block;margin-top:4px;color:#8394a3;font-size:9px}
.pfsp-calc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
.pfsp-calc-tabs button{height:37px;border:1px solid #d7e3ec;border-radius:7px;background:#f8fbfd;color:#49647a;font-family:inherit;font-size:9px;font-weight:800;cursor:pointer}
.pfsp-calc-tabs button.is-active{border-color:var(--pfsp-red);background:var(--pfsp-red);color:#fff}
.pfsp-field{display:grid;grid-template-columns:1fr 115px;align-items:center;gap:10px;margin-bottom:10px}
.pfsp-field span{font-size:10px;font-weight:800;color:#294d6c}
.pfsp-field input{width:100%;height:39px!important;margin:0!important;padding:0 9px!important;border:1px solid #d7e3ec!important;border-radius:7px!important;background:#fbfdff!important;color:#173b5d!important;font-family:inherit!important;font-size:11px!important;box-shadow:none!important}
.pfsp-calc-btn{width:100%;height:43px;margin-top:4px;border:0!important;border-radius:7px!important;background:var(--pfsp-red)!important;color:#fff!important;font-family:inherit!important;font-size:11px!important;font-weight:900!important;cursor:pointer}
.pfsp-result{margin-top:16px;padding:14px;border:1px solid #d8e8f4;border-radius:10px;background:#f5faff}
.pfsp-result>strong{display:block;margin-bottom:11px;font-size:11px}
.pfsp-result-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pfsp-result-grid>div{text-align:center;border-left:1px solid #dbe7f0}
.pfsp-result-grid>div:last-child{border-left:0}
.pfsp-result-grid span{display:block;color:#7c8f9f;font-size:8px}
.pfsp-result-grid b{display:block;margin-top:5px;color:var(--pfsp-text);font-size:12px}
.pfsp-calc-note{margin:12px 0 0;color:#8b9aa8;font-size:8.5px;line-height:1.8}
.pfsp-full-calc-link{display:block;margin-top:10px;color:var(--pfsp-red)!important;font-size:9px;font-weight:900}

/* summary */
.pfsp-summary{padding:8px 0}
.pfsp-category{color:var(--pfsp-red);font-size:10px;font-weight:900}
.pfsp-summary h1{margin:8px 0 13px;color:var(--pfsp-text);font-size:33px;line-height:1.5;font-weight:900}
.pfsp-short{color:#60758a;font-size:11.5px;line-height:2}
.pfsp-short p{margin:0 0 8px}
.pfsp-highlights{margin:15px 0;padding:0;list-style:none}
.pfsp-highlights li{position:relative;margin:8px 0;padding-right:22px;color:#3d5b74;font-size:10.5px;line-height:1.7}
.pfsp-highlights li:before{content:"✓";position:absolute;right:0;top:1px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--pfsp-red);color:#fff;font-size:9px;font-weight:900}
.pfsp-quick-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--pfsp-line);border-radius:9px;background:#f8fafc}
.pfsp-quick-specs>div{min-height:43px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:7px;padding:7px 10px;border-left:1px solid #e5ecf2;border-bottom:1px solid #e5ecf2}
.pfsp-quick-specs>div:nth-child(2n){border-left:0}
.pfsp-quick-specs span{color:#8191a0;font-size:8.5px}
.pfsp-quick-specs strong{color:#35536c;font-size:9px;line-height:1.6}
.pfsp-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}
.pfsp-btn{height:42px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:10px;font-weight:900}
.pfsp-btn-red{background:var(--pfsp-red);color:#fff!important}
.pfsp-btn-outline{border:1px solid #839caf;color:var(--pfsp-text)!important;background:#fff}
.pfsp-btn-dark{background:var(--pfsp-navy);color:#fff!important}
.pfsp-btn-green{background:var(--pfsp-green);color:#fff!important}

/* gallery */
.pfsp-gallery{min-width:0}
.pfsp-gallery-main{height:410px;overflow:hidden;border:1px solid var(--pfsp-line);border-radius:14px;background:#f8fafc}
.pfsp-main-image{width:100%!important;height:100%!important;object-fit:contain!important}
.pfsp-thumbs{display:flex;gap:8px;margin-top:9px;overflow-x:auto;padding-bottom:3px}
.pfsp-thumb{width:72px;height:62px;flex:0 0 72px;padding:3px;border:1px solid #d7e1e9;border-radius:7px;background:#fff;cursor:pointer}
.pfsp-thumb.is-active{border:2px solid var(--pfsp-red)}
.pfsp-thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.pfsp-trust-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;overflow:hidden;border:1px solid var(--pfsp-line);border-radius:10px}
.pfsp-trust-row>div{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px;border-left:1px solid var(--pfsp-line);text-align:center}
.pfsp-trust-row>div:last-child{border-left:0}
.pfsp-trust-row b{font-size:10px}
.pfsp-trust-row span{margin-top:4px;color:#8292a0;font-size:8px}

/* tabs */
.pfsp-details{padding:0 0 36px}
.pfsp-tabs{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--pfsp-line);border-radius:12px 12px 0 0;background:#f6f9fb}
.pfsp-tabs button{height:55px;border:0;border-left:1px solid var(--pfsp-line);background:transparent;color:#35536d;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}
.pfsp-tabs button:last-child{border-left:0}
.pfsp-tabs button.is-active{background:#fff;color:var(--pfsp-red);box-shadow:inset 0 -3px 0 var(--pfsp-red)}
.pfsp-tabpanels{border:1px solid var(--pfsp-line);border-top:0;border-radius:0 0 12px 12px;background:#fff}
.pfsp-tabpanel{display:none;padding:26px}
.pfsp-tabpanel.is-active{display:block}
.pfsp-description-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.pfsp-description-copy h2,.pfsp-tabpanel>h2{margin:0 0 12px;font-size:20px}
.pfsp-description-copy{color:#5f7487;font-size:11px;line-height:2}
.pfsp-description-copy p{margin:0 0 10px}
.pfsp-description-media{height:245px;overflow:hidden;border-radius:10px}
.pfsp-description-media img{width:100%;height:100%;object-fit:cover}
.pfsp-detail-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border:1px solid var(--pfsp-line);border-radius:9px;background:#f8fafc}
.pfsp-detail-benefits>div{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-left:1px solid var(--pfsp-line);text-align:center}
.pfsp-detail-benefits>div:last-child{border-left:0}
.pfsp-detail-benefits strong{font-size:10px}
.pfsp-detail-benefits span{margin-top:4px;color:#7f909f;font-size:8px}
.pfsp-spec-table{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--pfsp-line);border-radius:9px;overflow:hidden}
.pfsp-spec-table>div{min-height:48px;display:grid;grid-template-columns:130px 1fr;align-items:center;padding:8px 12px;border-left:1px solid #e5ecf2;border-bottom:1px solid #e5ecf2}
.pfsp-spec-table>div:nth-child(2n){border-left:0}
.pfsp-spec-table span{color:#718598;font-size:9px}
.pfsp-spec-table strong{font-size:10px}
.pfsp-application-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.pfsp-application-tags span{padding:8px 12px;border:1px solid #dce6ee;border-radius:999px;background:#f8fafc;color:#45627a;font-size:9px;font-weight:800}
.pfsp-order-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}
.pfsp-order-steps li{min-height:115px;padding:17px;border:1px solid var(--pfsp-line);border-radius:9px;background:#f9fbfd}

/* PADIDAR ORDER STEP NUMBER CENTER FIX */
.pfsp-order-steps > li > b {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: var(--pfsp-red) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    direction: ltr !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Digits may be wrapped in spans by the global formatter. */
.pfsp-order-steps > li > b span,
.pfsp-order-steps > li > b .pf-latin-digits {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    vertical-align: baseline !important;
    white-space: nowrap !important;
}

.pfsp-order-steps > li > span{display:block;margin-top:12px;color:#4d687e;font-size:10px;line-height:1.8}

/* related */
.pfsp-related{padding:17px 0 38px}
.pfsp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.pfsp-section-head h2{margin:0;font-size:18px}
.pfsp-section-head a{color:var(--pfsp-red)!important;font-size:9px;font-weight:900}
.pfsp-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pfsp-related-card{overflow:hidden;border:1px solid var(--pfsp-line);border-radius:10px;background:#fff}
.pfsp-related-image{display:block;height:155px;padding:6px;background:#f7f9fb}
.pfsp-related-image img{width:100%;height:100%;object-fit:contain}
.pfsp-related-card>div{padding:11px}
.pfsp-related-card span{color:#8898a6;font-size:8px}
.pfsp-related-card h3{min-height:45px;margin:4px 0 10px;font-size:11px;line-height:1.8}
.pfsp-related-card h3 a{color:var(--pfsp-text)}
.pfsp-related-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pfsp-related-actions a{height:33px;display:flex;align-items:center;justify-content:center;border:1px solid #8ca2b4;border-radius:5px;color:var(--pfsp-text)!important;font-size:8.5px;font-weight:900}
.pfsp-related-actions a.is-red{border-color:var(--pfsp-red);background:var(--pfsp-red);color:#fff!important}

/* bottom cta */
.pfsp-bottom-cta{padding:18px 0;background:var(--pfsp-deep);color:#fff}
.pfsp-bottom-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.pfsp-bottom-cta h2{margin:0;color:#fff;font-size:20px}
.pfsp-bottom-cta p{margin:5px 0 0;color:#d0dde7;font-size:9px}
.pfsp-bottom-cta-inner>div:last-child{display:flex;gap:8px}
.pfsp-bottom-cta a{height:40px;display:flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(255,255,255,.7);border-radius:6px;color:#fff!important;font-size:9px;font-weight:900}
.pfsp-bottom-cta a.is-green{border-color:var(--pfsp-green);background:var(--pfsp-green)}

@media(max-width:1150px){
 .pfsp-main-grid{grid-template-columns:290px minmax(330px,.9fr) minmax(360px,1.1fr)}
 .pfsp-summary h1{font-size:28px}
 .pfsp-gallery-main{height:360px}
}

@media(max-width:900px){
 .pfsp-main-grid{grid-template-columns:1fr 1fr}
 .pfsp-calculator{grid-column:1/-1;order:3}
 .pfsp-gallery{order:1}
 .pfsp-summary{order:2}
 .pfsp-field{grid-template-columns:1fr 150px}
 .pfsp-related-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
 .pfsp-breadcrumb{width:calc(100% - 28px)!important}
 .pfsp-main{padding-top:16px}
 .pfsp-main-grid{width:calc(100% - 28px)!important;grid-template-columns:1fr;gap:14px}
 .pfsp-gallery{order:1}
 .pfsp-summary{order:2}
 .pfsp-calculator{grid-column:auto;order:3}
 .pfsp-gallery-main{height:310px}
 .pfsp-thumbs{padding-left:2px}
 .pfsp-trust-row{grid-template-columns:repeat(2,1fr)}
 .pfsp-summary h1{font-size:25px}
 .pfsp-quick-specs{grid-template-columns:1fr}
 .pfsp-quick-specs>div{border-left:0}
 .pfsp-actions{grid-template-columns:1fr 1fr}
 .pfsp-field{grid-template-columns:1fr 110px}
 .pfsp-result-grid b{font-size:10px}

 .pfsp-details>.pf-wrap{width:calc(100% - 28px)!important}
 .pfsp-tabs{grid-template-columns:repeat(2,1fr)}
 .pfsp-tabs button{border-bottom:1px solid var(--pfsp-line)}
 .pfsp-description-grid{grid-template-columns:1fr}
 .pfsp-description-media{height:210px;order:-1}
 .pfsp-detail-benefits{grid-template-columns:repeat(2,1fr)}
 .pfsp-spec-table{grid-template-columns:1fr}
 .pfsp-spec-table>div{border-left:0}
 .pfsp-order-steps{grid-template-columns:1fr 1fr}

 .pfsp-related>.pf-wrap{width:calc(100% - 28px)!important}
 .pfsp-related-grid{grid-template-columns:1fr 1fr}
 .pfsp-related-image{height:135px}

 .pfsp-bottom-cta-inner{width:calc(100% - 28px)!important;align-items:flex-start;flex-direction:column}
 .pfsp-bottom-cta-inner>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:450px){
 .pfsp-main-grid,.pfsp-details>.pf-wrap,.pfsp-related>.pf-wrap,.pfsp-bottom-cta-inner,.pfsp-breadcrumb{width:calc(100% - 22px)!important}
 .pfsp-gallery-main{height:260px}
 .pfsp-actions{grid-template-columns:1fr}
 .pfsp-calc-tabs{grid-template-columns:1fr}
 .pfsp-field{grid-template-columns:1fr}
 .pfsp-result-grid{grid-template-columns:1fr}
 .pfsp-result-grid>div{padding:8px 0;border-left:0;border-bottom:1px solid #dbe7f0}
 .pfsp-result-grid>div:last-child{border-bottom:0}
 .pfsp-detail-benefits{grid-template-columns:1fr}
 .pfsp-order-steps{grid-template-columns:1fr}
 .pfsp-related-grid{grid-template-columns:1fr}
 .pfsp-related-image{height:220px}
 .pfsp-bottom-cta-inner>div:last-child{grid-template-columns:1fr}
}


/* ==========================================================
   PADIDAR CALCULATOR EXACT UI V2
   ========================================================== */


/*
 * Give calculator more width on desktop.
 * Old width was only 315px.
 */
@media (min-width: 901px) {

    .pfsp-main-grid {
        grid-template-columns:
            365px
            minmax(315px, .82fr)
            minmax(390px, 1.18fr) !important;

        gap: 22px !important;
    }

}


/* Calculator card */
.pfsp-calculator {
    padding: 22px !important;
}


/* Two calculator modes */
.pfsp-calculator .pfsp-calc-tabs {
    display: grid !important;

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

    gap: 10px !important;

    width: 100% !important;

    margin:
        0 0 17px !important;

    direction: rtl !important;
}


/* Exact real buttons */
.pfsp-calculator .pfsp-calc-tabs > button {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    height:
        54px !important;

    min-height:
        54px !important;

    padding:
        0 10px !important;

    margin:
        0 !important;

    border:
        1px solid #ccd9e5 !important;

    border-radius:
        10px !important;

    background:
        #f6f9fc !important;

    color:
        #173b5d !important;

    font-family:
        inherit !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    cursor:
        pointer !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 2px 7px
        rgba(15, 45, 75, .04) !important;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}


/* hover */
.pfsp-calculator .pfsp-calc-tabs > button:hover {
    border-color:
        #f51635 !important;

    color:
        #cf1730 !important;

    background:
        #fff7f8 !important;

    box-shadow:
        0 5px 14px
        rgba(15,45,75,.08) !important;
}


/* REAL active class used by JavaScript */
.pfsp-calculator .pfsp-calc-tabs > button.is-active {
    border-color:
        #f51635 !important;

    background:
        #f51635 !important;

    color:
        #ffffff !important;

    box-shadow:
        0 7px 17px
        rgba(245,22,53,.18) !important;
}


/* calculator heading slightly easier to read */
.pfsp-calculator .pfsp-calc-title strong {
    font-size:
        15px !important;

    line-height:
        1.6 !important;
}


.pfsp-calculator .pfsp-calc-title small {
    margin-top:
        3px !important;

    font-size:
        10px !important;

    line-height:
        1.6 !important;
}


/* Improve the fields slightly as well */
.pfsp-calculator .pfsp-field {
    grid-template-columns:
        minmax(0, 1fr)
        110px !important;

    gap:
        12px !important;

    margin-bottom:
        10px !important;
}


.pfsp-calculator .pfsp-field span {
    font-size:
        11px !important;

    line-height:
        1.5 !important;
}


.pfsp-calculator .pfsp-field input {
    height:
        40px !important;

    font-size:
        12px !important;
}


/* button */
.pfsp-calculator .pfsp-calc-btn {
    height:
        46px !important;

    font-size:
        12px !important;
}


/*
 * Existing CSS turns tabs into one column under 450px.
 * Keep both buttons side-by-side while there is enough space.
 */
@media (max-width: 450px) {

    .pfsp-calculator .pfsp-calc-tabs {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            8px !important;
    }

    .pfsp-calculator .pfsp-calc-tabs > button {
        height:
            52px !important;

        min-height:
            52px !important;

        padding:
            0 6px !important;

        font-size:
            11px !important;
    }

}


/* Extremely small screens only */
@media (max-width: 350px) {

    .pfsp-calculator .pfsp-calc-tabs {
        grid-template-columns:
            1fr !important;
    }

    .pfsp-calculator .pfsp-calc-tabs > button {
        font-size:
            12px !important;
    }

}



/* =========================================
   PADIDAR CALCULATOR TAB TEXT WRAP FIX V3
   ========================================= */

.pfsp-calculator .pfsp-calc-tabs > button{
    white-space: normal !important;
    line-height: 1.35 !important;
    text-align: center !important;
    padding: 8px 10px !important;
    height: auto !important;
    min-height: 64px !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* اگر عرض خیلی کم شد، باز هم متن درست دیده شود */
@media (max-width: 480px){
    .pfsp-calculator .pfsp-calc-tabs > button{
        font-size: 12px !important;
        min-height: 68px !important;
        padding: 8px 6px !important;
    }
}


/* ==========================================================
   PADIDAR SINGLE PRODUCT — MOBILE TYPOGRAPHY V4
   ========================================================== */

@media (max-width:700px){

    /* ---------- PRODUCT INTRO ---------- */

    .pfsp-category{
        font-size:12px !important;
        font-weight:900 !important;
    }

    .pfsp-short{
        font-size:14px !important;
        line-height:2.05 !important;
        font-weight:600 !important;
        color:#536d84 !important;
    }

    .pfsp-short p{
        margin-bottom:12px !important;
    }


    /* ---------- BULLET / GUIDE TEXT ---------- */

    .pfsp-highlights li{
        margin:11px 0 !important;
        padding-right:28px !important;

        font-size:13.5px !important;
        line-height:1.9 !important;
        font-weight:700 !important;

        color:#345773 !important;
    }

    .pfsp-highlights li:before{
        top:3px !important;
        width:19px !important;
        height:19px !important;

        font-size:11px !important;
    }


    /* ---------- QUICK SPECS ---------- */

    .pfsp-quick-specs > div{
        min-height:64px !important;

        grid-template-columns:
            90px
            minmax(0,1fr) !important;

        gap:12px !important;

        padding:12px 15px !important;
    }

    .pfsp-quick-specs span{
        font-size:12px !important;
        font-weight:700 !important;
        color:#8292a0 !important;
    }

    .pfsp-quick-specs strong{
        font-size:14px !important;
        line-height:1.6 !important;
        font-weight:900 !important;
        color:#234b6a !important;
    }


    /* ---------- MAIN ACTION BUTTONS ---------- */

    .pfsp-btn{
        min-height:50px !important;
        height:50px !important;

        font-size:13px !important;
        font-weight:900 !important;
    }


    /* ---------- TRUST / INFO BOXES ---------- */

    .pfsp-trust-row b,
    .pfsp-trust-row strong{
        font-size:14px !important;
        line-height:1.6 !important;
        font-weight:900 !important;
        color:#173f63 !important;
    }

    .pfsp-trust-row span,
    .pfsp-trust-row small,
    .pfsp-trust-row p{
        font-size:11.5px !important;
        line-height:1.8 !important;
        font-weight:600 !important;
        color:#7b8e9e !important;
    }


    /* ---------- CALCULATOR TITLE ---------- */

    .pfsp-calc-title strong{
        font-size:17px !important;
        line-height:1.6 !important;
        font-weight:900 !important;
    }

    .pfsp-calc-title small{
        margin-top:4px !important;

        font-size:12px !important;
        line-height:1.7 !important;
        font-weight:600 !important;

        color:#8091a0 !important;
    }


    /* ---------- CALCULATOR FIELDS ---------- */

    .pfsp-field span{
        font-size:13px !important;
        line-height:1.6 !important;
        font-weight:900 !important;

        color:#214a6b !important;
    }

    .pfsp-field input{
        font-size:14px !important;
        font-weight:700 !important;
    }

    .pfsp-calc-btn{
        min-height:50px !important;

        font-size:14px !important;
        font-weight:900 !important;
    }


    /* ---------- CALCULATOR RESULT ---------- */

    .pfsp-result{
        padding:20px 16px !important;
    }

    .pfsp-result > strong{
        margin-bottom:17px !important;

        font-size:16px !important;
        line-height:1.6 !important;
        font-weight:900 !important;

        color:#153d5f !important;
    }

    .pfsp-result-grid > div{
        padding:12px 5px !important;
    }

    .pfsp-result-grid span{
        font-size:11.5px !important;
        line-height:1.6 !important;
        font-weight:700 !important;

        color:#788b9b !important;
    }

    .pfsp-result-grid b{
        margin-top:7px !important;

        font-size:15px !important;
        line-height:1.6 !important;
        font-weight:900 !important;

        color:#133e61 !important;
    }


    /* ---------- CALCULATOR HELP ---------- */

    .pfsp-calc-note{
        margin-top:16px !important;

        font-size:11.5px !important;
        line-height:2 !important;
        font-weight:600 !important;

        color:#718697 !important;
    }

    .pfsp-full-calc-link{
        margin-top:14px !important;

        font-size:12.5px !important;
        line-height:1.8 !important;
        font-weight:900 !important;
    }


    /* ---------- DETAIL TABS ---------- */

    .pfsp-tabs button{
        min-height:48px !important;

        font-size:12px !important;
        line-height:1.5 !important;
        font-weight:900 !important;
    }


    /* ---------- DETAIL CONTENT ---------- */

    .pfsp-tabpanel p,
    .pfsp-tabpanel li{
        font-size:14px !important;
        line-height:2 !important;
        font-weight:600 !important;
        color:#506b81 !important;
    }

    .pfsp-tabpanel h2{
        font-size:21px !important;
        line-height:1.7 !important;
        font-weight:900 !important;
    }

    .pfsp-tabpanel h3{
        font-size:17px !important;
        line-height:1.7 !important;
        font-weight:900 !important;
    }


    /* ---------- DETAIL BENEFITS ---------- */

    .pfsp-detail-benefits b,
    .pfsp-detail-benefits strong{
        font-size:14px !important;
        line-height:1.6 !important;
        font-weight:900 !important;
    }

    .pfsp-detail-benefits span,
    .pfsp-detail-benefits p{
        font-size:11.5px !important;
        line-height:1.8 !important;
        font-weight:600 !important;
    }


    /* ---------- SPECIFICATIONS TABLE ---------- */

    .pfsp-spec-table > div{
        min-height:60px !important;
        padding:12px 15px !important;
    }

    .pfsp-spec-table span{
        font-size:12px !important;
        font-weight:700 !important;
    }

    .pfsp-spec-table strong{
        font-size:13.5px !important;
        line-height:1.6 !important;
        font-weight:900 !important;
    }


    /* ---------- ORDER GUIDE ---------- */

    .pfsp-order-steps b,
    .pfsp-order-steps strong{
        font-size:14px !important;
        line-height:1.6 !important;
        font-weight:900 !important;
    }

    .pfsp-order-steps span,
    .pfsp-order-steps p{
        font-size:12px !important;
        line-height:1.8 !important;
        font-weight:600 !important;
    }

}


/* extra comfort on very small screens */
@media (max-width:450px){

    .pfsp-result-grid > div{
        padding:14px 4px !important;
    }

    .pfsp-result-grid span{
        font-size:12px !important;
    }

    .pfsp-result-grid b{
        font-size:16px !important;
    }

    .pfsp-short{
        font-size:14px !important;
    }

    .pfsp-highlights li{
        font-size:13px !important;
    }

}



/* ==========================================================
   PADIDAR RELATED PRODUCTS MOBILE FIX V1
   Compact cards / no image-text overlap
   Desktop untouched
   ========================================================== */

@media (max-width:700px){

    body.single-product
    .pfsp-related{
        padding:
            22px 0 34px !important;
    }


    body.single-product
    .pfsp-related > .pf-wrap{
        width:
            calc(100% - 24px) !important;

        max-width:
            none !important;
    }


    /* heading */

    body.single-product
    .pfsp-related
    .pfsp-section-head{
        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:10px !important;

        margin-bottom:
            16px !important;
    }


    body.single-product
    .pfsp-related
    .pfsp-section-head h2{
        margin:
            0 !important;

        font-size:
            24px !important;

        line-height:
            1.5 !important;
    }


    body.single-product
    .pfsp-related
    .pfsp-section-head > a{
        flex:
            0 0 auto !important;

        font-size:
            13px !important;

        white-space:
            nowrap !important;
    }


    /* 2 cards per row */

    body.single-product
    .pfsp-related-grid{
        display:grid !important;

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

        gap:
            12px !important;

        width:
            100% !important;
    }


    /* card */

    body.single-product
    .pfsp-related-card{
        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        min-width:
            0 !important;

        height:
            auto !important;

        overflow:
            hidden !important;

        margin:
            0 !important;

        border:
            1px solid #dce6ee !important;

        border-radius:
            12px !important;

        background:
            #fff !important;

        box-shadow:
            0 6px 18px
            rgba(5,43,74,.055) !important;
    }


    /*
     * IMAGE STAGE
     * Hard-clamped so image can never overflow
     * over text or actions.
     */

    body.single-product
    .pfsp-related-card
    .pfsp-related-image{
        position:
            relative !important;

        display:
            block !important;

        flex:
            0 0 128px !important;

        width:
            100% !important;

        height:
            128px !important;

        min-height:
            128px !important;

        max-height:
            128px !important;

        margin:
            0 !important;

        padding:
            6px !important;

        overflow:
            hidden !important;

        border:
            0 !important;

        background:
            #f6f9fb !important;
    }


    body.single-product
    .pfsp-related-card
    .pfsp-related-image img{
        position:
            static !important;

        display:
            block !important;

        width:
            100% !important;

        height:
            100% !important;

        min-height:
            0 !important;

        max-width:
            100% !important;

        max-height:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        object-fit:
            cover !important;

        object-position:
            center !important;

        transform:
            none !important;
    }


    /*
     * CONTENT MUST STAY BELOW IMAGE
     */

    body.single-product
    .pfsp-related-card > div{
        position:
            static !important;

        inset:
            auto !important;

        display:
            flex !important;

        flex:
            1 1 auto !important;

        flex-direction:
            column !important;

        width:
            100% !important;

        min-width:
            0 !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            12px 10px 10px !important;

        transform:
            none !important;

        background:
            #fff !important;
    }


    /* category */

    body.single-product
    .pfsp-related-card > div > span{
        display:
            block !important;

        margin:
            0 0 5px !important;

        color:
            #8192a1 !important;

        font-size:
            11px !important;

        line-height:
            1.5 !important;
    }


    /* product title */

    body.single-product
    .pfsp-related-card h3{
        display:
            -webkit-box !important;

        -webkit-box-orient:
            vertical !important;

        -webkit-line-clamp:
            3 !important;

        overflow:
            hidden !important;

        min-height:
            66px !important;

        max-height:
            66px !important;

        margin:
            0 0 10px !important;

        font-size:
            14px !important;

        line-height:
            1.6 !important;

        font-weight:
            900 !important;
    }


    body.single-product
    .pfsp-related-card h3 a{
        color:
            #07345f !important;

        font-size:
            inherit !important;

        line-height:
            inherit !important;
    }


    /* actions stay at bottom */

    body.single-product
    .pfsp-related-actions{
        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            7px !important;

        width:
            100% !important;

        margin-top:
            auto !important;
    }


    body.single-product
    .pfsp-related-actions a{
        width:
            100% !important;

        height:
            39px !important;

        min-height:
            39px !important;

        padding:
            0 6px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        border-radius:
            7px !important;

        font-size:
            12px !important;

        line-height:
            1.2 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }


    body.single-product
    .pfsp-related-actions
    a:not(.is-red){
        border:
            1px solid #9eafbd !important;

        background:
            #fff !important;

        color:
            #07345f !important;
    }


    body.single-product
    .pfsp-related-actions
    a.is-red{
        border:
            1px solid #ef1734 !important;

        background:
            #ef1734 !important;

        color:
            #fff !important;
    }

}


/* Very small phones */

@media (max-width:380px){

    body.single-product
    .pfsp-related-grid{
        grid-template-columns:
            1fr !important;
    }


    body.single-product
    .pfsp-related-card
    .pfsp-related-image{
        height:
            180px !important;

        min-height:
            180px !important;

        max-height:
            180px !important;

        flex-basis:
            180px !important;
    }


    body.single-product
    .pfsp-related-actions{
        grid-template-columns:
            1fr 1fr !important;
    }

}