.fcsc-wrap{--fcsc:#074374;--dark:#111827;--muted:#667085;--line:#e5e7eb;--bg:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);max-width:1120px;margin:30px auto}.fcsc-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#0b1220,#155eef);color:#fff;border-radius:28px;padding:34px;box-shadow:0 22px 60px rgba(21,94,239,.25);overflow:hidden}.fcsc-eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;font-size:13px}.fcsc-hero h2{font-size:34px;line-height:1.1;margin:14px 0 8px;color:#fff}.fcsc-hero p{margin:0;color:rgba(255,255,255,.82)}.fcsc-truck{animation:fcscFloat 2.4s ease-in-out infinite}.fcsc-steps{display:flex;gap:12px;margin:18px 0}.fcsc-step{flex:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;color:var(--muted);font-weight:700}.fcsc-step.is-active{border-color:var(--fcsc);color:var(--fcsc);box-shadow:0 10px 30px rgba(21,94,239,.12)}.fcsc-card,.fcsc-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 34px rgba(15,23,42,.06)}.fcsc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fcsc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.fcsc-card h3{margin:0 0 18px;font-size:21px}.fcsc-wrap label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}.fcsc-wrap input[type=text],.fcsc-wrap input[type=number],.fcsc-wrap select{width:100%;height:46px;border:1px solid #d0d5dd;border-radius:12px;padding:0 13px;background:#fff;box-sizing:border-box}.fcsc-radio-row{display:flex;gap:18px;margin:16px 0}.fcsc-radio-row label{font-weight:600}.fcsc-switch{display:flex!important;align-items:center;gap:10px;margin:12px 0!important;position:relative}.fcsc-switch input{display:none}.fcsc-switch span{width:46px;height:26px;background:#d0d5dd;border-radius:999px;position:relative;transition:.2s}.fcsc-switch span:before{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.fcsc-switch input:checked+span{background:var(--fcsc)}.fcsc-switch input:checked+span:before{transform:translateX(20px)}.fcsc-switch em{display:none;position:absolute;left:58px;top:30px;z-index:20;background:#111827;color:#fff;font-style:normal;font-weight:500;font-size:12px;line-height:1.35;padding:10px 12px;border-radius:10px;max-width:360px}.fcsc-switch:hover em{display:block}.fcsc-autocomplete{position:relative}.fcsc-suggestions{position:absolute;top:54px;left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 18px 46px rgba(15,23,42,.16);z-index:30;overflow:hidden}.fcsc-suggestion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;cursor:pointer}.fcsc-suggestion:hover{background:#f1f5f9}.fcsc-suggestion.muted{color:var(--muted);cursor:default}.fcsc-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.fcsc-section-head h3{margin:0}.fcsc-btn{border:0;border-radius:14px;padding:13px 20px;font-weight:800;cursor:pointer;transition:.2s}.fcsc-btn.primary{background:var(--fcsc);color:#fff;box-shadow:0 12px 30px rgba(21,94,239,.24)}.fcsc-btn.primary:hover{transform:translateY(-1px)}.fcsc-btn.secondary{background:#eef4ff;color:var(--fcsc)}.fcsc-package{border:1px solid var(--line);border-radius:20px;padding:18px;margin:14px 0;background:linear-gradient(180deg,#fff,#fbfdff);animation:fcscIn .25s ease}.fcsc-package-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fcsc-package-head button{background:transparent;color:#d92d20;border:0;font-weight:800;cursor:pointer}.fcsc-inline,.fcsc-qty{display:flex;gap:8px}.fcsc-inline select{max-width:78px}.fcsc-qty button{width:42px;border:1px solid #d0d5dd;background:#f8fafc;border-radius:12px;font-size:18px}.fcsc-actions{text-align:right;margin-top:20px}.fcsc-hidden{display:none!important}.fcsc-loader{display:flex;align-items:center;gap:12px;background:#eef4ff;color:var(--fcsc);padding:16px;border-radius:16px;font-weight:800}.fcsc-loader span{width:20px;height:20px;border:3px solid #b2ccff;border-top-color:var(--fcsc);border-radius:50%;animation:fcscSpin .8s linear infinite}.fcsc-results{display:grid;gap:14px}.fcsc-quote{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.06);animation:fcscIn .25s ease}.fcsc-quote-logo{width:58px;height:58px;border-radius:18px;background:#eef4ff;color:var(--fcsc);display:grid;place-items:center;font-size:24px;font-weight:900}.fcsc-quote h4{margin:0 0 5px}.fcsc-quote p{margin:0 0 10px;color:var(--muted)}.fcsc-meta{display:flex;flex-wrap:wrap;gap:8px}.fcsc-meta span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:#344054}.fcsc-price{font-size:28px;font-weight:900;color:var(--fcsc);white-space:nowrap}.fcsc-error,.fcsc-empty{padding:18px;border-radius:16px;background:#fff1f3;color:#b42318;border:1px solid #fecdd6}@keyframes fcscFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fcscSpin{to{transform:rotate(360deg)}}@keyframes fcscIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.fcsc-grid,.fcsc-grid.two{grid-template-columns:1fr}.fcsc-hero{padding:24px}.fcsc-truck{display:none}.fcsc-quote{grid-template-columns:46px 1fr}.fcsc-price{grid-column:1/-1}.fcsc-section-head{align-items:flex-start;flex-direction:column}.fcsc-actions{text-align:left}}
section.fcsc-panel label:nth-child(2):hover {
    background-color: #ffffff;
}
.fcsc-package select {
    text-transform: capitalize;
    color: #333333 !important;
}
input.hidden {
    display: none !important;
}
.fc-quote-card-header,.fc-quote-card {
    column-gap: 17px;
    justify-content: space-between;
    text-transform: capitalize;
    grid-template-columns: minmax(0, .9fr) minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1.1fr);
    grid-gap: 10px;
    background: #f5f8fa;
    border-radius: 6px;
    /* box-shadow: none; */
    box-sizing: border-box;
    display: grid;
    gap: 9px;
    margin: 0 0 16px;
    max-width: 100%;
    min-height: 126px;
    padding: 16px;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.fcsc-results .fc-quote-card-header {
    background: #1e5799;
    color: #fff;
}

.fcsc-results .fc-quote-card-header div {
    padding: 10px;
}
.fcsc-results .fc-quote-card-header p {
    font-size: 14px;
}
.fc-quote-card img
 {
    max-width: 100px;
}
:root {
  /* Change colors here */
  --filled-color: #f5b301;
  --empty-color: #dcdcdc;
  --star-size: 24px;
}
.fc-star-rating {
  position: relative;
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
}

/* Empty stars */
.fc-star-rating::before {
  content: "★★★★★";
  color: var(--empty-color);
}

/* Filled stars */
.fc-star-rating::after {
  content: "★★★★★";
  color: var(--filled-color);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  width: var(--rating-width, 0%);
}
.same-day{
    display:inline-block;
    margin-top:6px;
    padding:4px 8px;
    background:#28a745;
    color:#fff;
    border-radius:4px;
    font-size:12px;
    font-weight:600;
}
.fc-quote-card h4 {
    font-size: 21px;
    margin-bottom: 2px;
}
.fc-quote-card .fc-col.service {
    text-align: left;
}
.fc-quote-card .fc-eta {
    font-size: medium;
}

/* popup */

.popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}
.popup-box {
    width: 400px;
    max-width: 90%;
    background: #fff;
    padding: 0px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.close-popup {
    float: right;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
}
.popup-trigger {
    cursor: pointer;
    margin-left: 10px;
}
.popup-header h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.popup-header,.popup-content {
    padding: 20px 15px 5px;
}
.fcsc-suggestions button {
    background: #fff;
    font-size: 15px;
    padding: 3px 10px;
    border-bottom: 1px solid #e9e9e9;
}
.fcsc-suggestions button:hover {
    color: #fff;
}
button.fcsc-btn.secondary:hover {}
button.fcsc-btn.secondary {
    background-color: var(--fcsc);
    color: var(--bg);
    font-size: 14px;
    padding: 6px 7px;
    font-weight: normal;
}


/* FIX WEIGHT FIELD */
.package-grid label:nth-child(2) input{
    display:block;
    
}
/* RADIO ALIGNMENT FIX */
.fcsc-radio-row{
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    flex-wrap:wrap;
}
.fcsc-radio-row label{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    line-height:1 !important;
    font-weight:600;
}
.fcsc-radio-row input[type="radio"]{
    margin:0 !important;
    position:relative;
    top:-1px;
    width:15px;
    height:15px;
    flex-shrink:0;
}
/* MOBILE */
@media(max-width:767px){

    .fcsc-radio-row{
        gap:16px !important;
    }

}
/* REMOVE BUTTON HOVER */

.fcsc-package-head button[data-remove-package]{
    transition:all 0.3s ease;
    border:1px solid transparent;
    border-radius:10px;
}

.fcsc-package-head button[data-remove-package]:hover{
    color:#fff !important;
    border-color:#D92D20;
    background:rgba(217, 45, 32, 0.12);
    background-color:#D92D20;
}
/* CENTER ALIGN WARRANTY */

.warranty-info{
    text-align:center;
}
.warranty-info a{
    display:block;
    line-height:1.5;
}

/* QUOTE CARD ALIGNMENT */
@media(max-width:768px){
    .fc-quote-card{
        display: flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
    }
    .fc-quote-card .fc-col{
        display:flex;
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }
    .fc-col.carrier,
    .fc-col.price,
    .fc-col.warranty,
    .fc-col.collection{
        align-items:center;
    }
}
/* MOBILE */
@media(max-width:767px){

    .fc-quote-card{
        flex-direction:column;
        text-align:center;
    }

    .fc-quote-card .fc-col{
        align-items:center;
    }

}
.warranty-info{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    max-width:220px;
    margin:auto;
}
/* ICON */
.warranty-info i{
    font-size:18px;
    color:#0B1F3A;
}
/* TEXT */
.warranty-info a{
    color:#0B1F3A;
    text-decoration:none;
    font-size:16px;
    line-height:1.5;
    font-weight:500;
    word-break:break-word;
    transition:0.3s ease;
}
/* HOVER */
.warranty-info a:hover{
    color:#D92D20;
}
/* MOBILE */
@media(max-width:767px){

    .warranty-info{
        max-width:100%;
        padding:0 10px;
    }

    .warranty-info a{
        font-size:15px;
        line-height:1.4;
    }

}
.fcsc-section-head h3 {
    margin: 0;
    font-size: 30px;
}
.fc-col.price{
    color:#1E5799;
      font-weight:700;
}
.fc-badge {
    font-size: 16px !important;
}

.fc-quote-card-header{
    display:flex;
    align-items:center;
}
.fc-quote-card-header .fc-col{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* SORT BUTTONS */
.fcsc-sort-tabs{
    display:flex;
    gap:12px;
    padding-bottom:20px;
    flex-wrap:wrap;
}

.fcsc-sort-tabs .fcsc-sort{
    background:#1E5799;
    color:#fff;
    border:none;
   
    border-radius:8px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:0.3s ease;
}

/* HOVER + ACTIVE */
.fcsc-sort-tabs .fcsc-sort:hover,
.fcsc-sort-tabs .fcsc-sort.active{
    background:#F26522;
    color:#fff;
}

/* MOBILE */
@media(max-width:767px){

    .fcsc-sort-tabs{
        gap:10px;
        padding-bottom:16px;
    }

    .fcsc-sort-tabs .fcsc-sort{
        width:100%;
        text-align:center;
    }

}
/* FORCE SINGLE ROW */
.package-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px;
    align-items:flex-end;
}
.package-grid > label{
    margin:0;
    min-width:auto;
}

/* PACKAGE TYPE */
.package-grid > label:nth-child(1){
    width:220px;
}
/* WEIGHT */
.package-grid > label:nth-child(2){
    width:120px;
}
/* LENGTH WIDTH HEIGHT */
.package-grid > label:nth-child(3),
.package-grid > label:nth-child(4),
.package-grid > label:nth-child(5){
    width:180px;
}
/* QUANTITY */
.package-grid > label:nth-child(6){
    width:150px;
}

/* CONTENTS */
.package-grid > label:nth-child(7){
    width:220px;
}
/* INLINE */
.fcsc-inline{
    display:flex;
    gap:8px;
}

.fcsc-inline select{
    width:70px;
    flex-shrink:0;
}


.fcsc-qty{
    display:flex;
    gap:8px;
    align-items:center;
}
@media(max-width:1024px){

    .package-grid{
        flex-wrap:wrap !important;
    }

}


/* Price text color white */
.fcsc-results .fc-quote-card-header .fc-col.price p {
    color: #ffffff !important;
}
.fc-col.price {
    font-weight: 400 !important;
}
/* Optional: make all text inside the price column white */
.fcsc-results .fc-quote-card-header .fc-col.price,
.fcsc-results .fc-quote-card-header .fc-col.price p,
.fcsc-results .fc-quote-card-header .fc-col.price span {
    color: #ffffff !important;
}

/* Hover effect */
.fcsc-qty button:hover {
    background: #083b7a !important;
    color: #ffffff !important;
}





/* Popup Overlay Background */
.popup-overlay {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(2px);
}

/* Popup Box */
.popup-box {
    background: #ffffff !important;
    border-radius: 18px !important;
    max-width: 620px !important;
    width: 90% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #1e5799 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.18) !important;
}

/* Popup Header */
.popup-header {
    background: #1e5799 !important;
    padding: 24px 30px !important;
    border-bottom: 1px solid #1e5799 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    position: relative !important;
}

/* Header Title Text */
.popup-header h1,
.popup-header h2,
.popup-header h3,
.popup-header p,
.popup-header span {
    color: #ffffff !important;
}

/* Close Button */
.popup-header .close,
.popup-header button {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    position: absolute !important;
    right: 24px !important;
    top: 16px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.3s ease;
}

.popup-header .close:hover,
.popup-header button:hover {
    color: #dbeafe !important;
    transform: scale(1.1);
}

/* Popup Content */
.popup-content {
    background: #eaf6ff !important; /* Light blue background */
    padding: 28px 30px !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #1e293b !important;
}

/* Bold Text */
.popup-content strong,
.popup-content b {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Paragraph Spacing */
.popup-content p {
    margin-bottom: 22px !important;
    color: #1e293b !important;
}

/* List Styling */
.popup-content ul {
    padding-left: 22px !important;
    margin-top: 15px !important;
}

.popup-content li {
    margin-bottom: 12px !important;
    color: #1e293b !important;
}

@media only screen and (max-width: 767px) {
    #main #content-wrap {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}
@media only screen and (max-width: 767px) {
    .fcsc-section-head h3 {
        margin: 0px !important;
        font-size: 21px !important;
    }
}


@media only screen and (max-width: 768px) {
    .fc-quote-card-header {
        display: none !important;
    }
}
/* Orange color for links inside popup */
.popup-box a,
.popup-content a,
.popup-overlay a,
#warrantyPopup a {
    color: #f26522 !important;
}

/* Optional hover effect */
.popup-box a:hover,
.popup-content a:hover,
.popup-overlay a:hover,
#warrantyPopup a:hover {
    color: #d94f12 !important;
}
@media only screen and (max-width: 426px) {
    .fcsc-hero h2 {
        font-size: 26px;
    }
    .fcsc-hero p {
        font-size: 16px;
    }
    .fcsc-step {
        font-size: 15px;
    }
    .fcsc-card, .fcsc-panel {
        padding: 13px;
    }
}
.fcsc-package select.units {
    text-transform: lowercase;
}