html {
    font-size: 62.5%;
    /* Because 16px × 62.5% = 10px */
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

img {
    max-width: 100%;
}

ul,
ol,
li {
    margin: 0;
    list-style: none;
    padding: 0;
}

a {
    text-decoration: none;
    color: #000;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --theme-color: #2861A5;
    --topbar-bg: #095F79;
    --topbar-accent: #18BBDE;
    --heading-accent: #1693B5;
    --text-highlight: #1693B5;
    --theme-regular-font: "Gotham", sans-serif;
    --theme-header-font-bold: "Gotham", sans-serif;
}

body {
    font-family: var(--theme-regular-font);
    font-weight: 400;
    background: #fff;
    color: #0E0E0E;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--theme-header-font-bold)
}

@media (min-width: 1440px) {

    .container {
        max-width: 1250px;
    }
}

@media (min-width: 1640px) {

    .container {
        max-width: 1430px;
    }
}

@media (min-width: 1840px) {

    .container {
        max-width: 1630px;
    }
}

@media (min-width: 2040px) {

    .container {
        max-width: 1830px;
    }
}

@media (min-width: 2240px) {

    .container {
        max-width: 2030px;
    }
}

@media (min-width: 2440px) {

    .container {
        max-width: 2230px;
    }
}

@media (min-width: 2640px) {

    .container {
        max-width: 2430px;
    }
}

/*================ Topbar ================*/
.topbar {
    background: var(--topbar-bg);
    padding: 0.8rem 0;
    color: #fff;
    text-align: center;
}

.topbar p {
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.topbar p img.flag {
    width: 1.3em;
    vertical-align: -0.2em;
    margin-right: 0.3em;
}

.topbar p strong {
    white-space: nowrap
}

.topbar p strong.highlight {
    color: var(--topbar-accent);
}

.topbar p span.code {
    display: inline-block;
    padding: 0.1rem 0.7rem;
    margin: 0 0.2em;
    background: var(--topbar-accent);
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: #000000;
}

/*========================Header======================*/
.headersec {
    padding: 1rem 0rem;
    width: 100%;
    z-index: 9;
    transition: 0.3s ease all;
    position: relative;
    border-bottom: 2px solid #EDEDED;
}

.logo img {
    width: auto;
    height: 100%;
    max-height: 5.8rem;
    -webkit-transition: all 0.5s ease-out;
    vertical-align: middle;
}

.headersec:hover .logo img,
.headersec.sticky .logo img {
    filter: unset;
}

.headersec.sticky {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
    transition: all 0.3s ease-out;
    left: 0;
    right: 0;
    width: 100%;

}

.offrbtn {
    background: #FFDC32;
    color: #000;
    text-align: center;
    padding: 1rem 2.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.offrbtn img {
    max-height: 1.8rem;
    filter: invert(0) brightness(0);
}

/* Shared flash/shine hover for every CTA button */
.offrbtn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(100deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.85) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-20deg);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
}

.offrbtn:hover {
    color: #000;
    transform: translateY(-0.2rem);
    box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.18);
}

.offrbtn:active {
    transform: translateY(0);
}

.offrbtn:hover::after {
    animation: btnflash 0.75s ease;
}

@keyframes btnflash {
    0% {
        left: -75%;
        opacity: 0
    }

    15% {
        opacity: 1
    }

    100% {
        left: 125%;
        opacity: 0
    }
}

@media (prefers-reduced-motion: reduce) {

    .offrbtn,
    .offrbtn:hover {
        transition: none;
        transform: none;
    }

    .offrbtn:hover::after {
        animation: none;
    }
}

/*======================== Banner ======================*/
.herosec {
    padding: 3rem 0 7.5rem
}

/* hero container only: 92.64% of the main .container at every breakpoint (1195px of 1290px at 1440) */
@media (min-width: 1200px) {

    .herosec .container {
        max-width: 1056px;
    }
}

/* @media (min-width: 1400px) {

    .herosec .container {
        max-width: 1223px;
    }
} */

@media (min-width: 1400px) {

    .herosec .container {
        max-width: 1155px;
    }
}

@media (min-width: 1640px) {

    .herosec .container {
        max-width: 1322px;
    }
}

@media (min-width: 1840px) {

    .herosec .container {
        max-width: 1507px;
    }
}

@media (min-width: 2040px) {

    .herosec .container {
        max-width: 1692px;
    }
}

@media (min-width: 2240px) {

    .herosec .container {
        max-width: 1878px;
    }
}

@media (min-width: 2440px) {

    .herosec .container {
        max-width: 2063px;
    }
}

@media (min-width: 2640px) {

    .herosec .container {
        max-width: 2248px;
    }
}

@media (min-width: 992px) {
    .herosec .heroleft {
        flex: 0 0 45%;
        max-width: 45%
    }

    .herosec .heroright {
        flex: 0 0 55%;
        max-width: 55%;
        padding-left: 4.5rem
    }
}

.heroslider .item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1.2rem;
}

.heroslider.owl-carousel .owl-nav {
    margin: 0
}

/* opaque and sized in % so they mask the arrows baked into slider-1.jpg at any width */
.heroslider.owl-carousel .owl-nav button.owl-prev,
.heroslider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}

.heroslider.owl-carousel .owl-nav button.owl-prev {
    left: 0.5%
}

.heroslider.owl-carousel .owl-nav button.owl-next {
    right: 0.5%
}

.heroslider.owl-carousel .owl-nav button:hover {
    background: #F4F4F4
}

.heroslider.owl-carousel .owl-nav button::after {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
    border-top: 2px solid #0E0E0E;
    border-right: 2px solid #0E0E0E;
}

.heroslider.owl-carousel .owl-nav button.owl-prev::after {
    transform: rotate(-135deg)
}

.heroslider.owl-carousel .owl-nav button.owl-next::after {
    transform: rotate(45deg)
}

.herothumbs {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}

.herothumbs button {
    flex: 0 1 120px;
    padding: 0;
    line-height: 0;
    cursor: pointer;
    background: none;
    border: 2px solid transparent;
    border-radius: 0;
    overflow: hidden;
}

.herothumbs button img {
    width: 100%;
    max-width: 120px;
    height: 120px;
    object-fit: cover
}

.herothumbs button.active {
    /* border-color: var(--theme-color) */
    border: none;
}

.ratingpill {
    font-family: "Inter", sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.4rem;
    border: 1px solid #F4F4F4;
    border-radius: 9rem;
    font-size: 1.3rem;
    box-shadow: 0 1px 2px 0 rgba(16, 39, 28, 0.06);
    color: #15201A;
    font-weight: 600;
}

.ratingpill .stars {
    width: auto;
    height: 1.7rem
}

.ratingpill .verified {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 700;
    color: #1F4A36;
    font-size: 1.4rem;
}
.herosec h1 {
    margin: 1.5rem 0 0.5rem;
    font-size: 3.8rem;
    line-height: 4.5rem;
    font-weight: 800;
    color: #1E1E1E;
}

.herosec h1 span {
    display: block
}

.herosec h1 .highlight {
    color: var(--heading-accent)
}
.herolead {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #1E1E1E;
    font-weight: 700;
}

.featurelist li {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 0.6rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    font-weight: 700;
}

.featurelist li img {
    flex-shrink: 0;
    width: 1.9rem;
    height: 1.9rem;
}

.ctarow {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 0rem 0 1rem;
}

.cartbtn {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 1.6rem 5rem;
    white-space: nowrap;
}

.shipinfo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    flex-wrap: wrap;
    margin-top: 1.3rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1E1E1E;
}

.shipinfo strong {
    font-weight: 600;
}

.shipinfo img {
    width: 2rem;
    height: auto;
    vertical-align: -0.4rem
}

.shipinfo .fa-box {
    color: #A9714B;
    font-size: 1.4rem
}

.shipinfo .ship {
    color: #00B67A;
    font-weight: 600
}

.shipinfo .stock {
    color: #C45D4A
}

.shipinfo .sep {
    color: #1E1E1E
}

.stamp {
    flex-shrink: 0;
    width: 13rem;
    height: auto;
    margin-left: auto
}

.reviewbox {
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;
    font-family: "Inter", sans-serif;
}

.reviewbox .avatar {
    flex-shrink: 0;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.reviewbox .stars {
    width: auto;
    height: 1.5rem;
    margin-bottom: 0.6rem
}

.reviewbox p {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #000;
    font-weight: 700;
    font-family: "Inter", sans-serif;
}

.reviewbox .reviewer {
    margin-top: 0.8rem;
    font-size: 1.4rem;
    font-weight: 700
}

.reviewbox .reviewer span {
    color: #04B67B
}

/*==================== As Advertised In ====================*/
.advertisesec {
    background: #FDFDFD;
    border-top: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
    padding: 2.5rem 0;
}

.advertisetitle {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: #000000;
    margin-bottom: 2rem;
}

.advertisetrack {
    display: block;
}

.advertiselist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.advertiselist[aria-hidden="true"] {
    display: none;
}

.advertiselist li {
    display: flex;
    align-items: center
}

.advertiselist img {
    display: block;
    height: auto
}

.advertiselist li:nth-child(1) img {
    width: 14rem
}

.advertiselist li:nth-child(2) img {
    width: 13.8rem
}

.advertiselist li:nth-child(3) img {
    width: 13.8rem
}

.advertiselist li:nth-child(4) img {
    width: 17.2rem
}

.advertiselist li:nth-child(5) img {
    width: 17.2rem
}

@keyframes advertisescroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .advertisetrack {
        animation: none;
    }
}

/*==================== Why the utility knife ====================*/
.whysec {
    background: #F8F8F8;
    padding: 7rem 0;
    text-align: center;
}

.whytitle {
    font-size: 3.8rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
    font-weight: 800;
    color: #1E1E1E;
}

.whytitle span {
    display: block
}

.whytitle .highlight {
    display: inline;
    color: var(--heading-accent)
}

.whylead {
    max-width: 88rem;
    margin: 0 auto 6rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #1E1E1E;
    font-weight: 300;
}

.whycompare {
    display: flex;
    align-items: center;
    justify-content: center;
}

.whyimg {
    display: block;
    height: auto;
    border-radius: 2rem;
}

.whyimgbad {
    width: 47.6rem;
    box-shadow: 14px 20px 200px 0 rgba(0, 0, 0, 0.10);
}

.whyimggood {
    position: relative;
    width: 52.2rem;
    margin-left: -1.5rem;
    box-shadow: 14px 20px 200px 0 rgba(0, 0, 0, 0.10);
}

.whycta {
    margin-top: 8rem
}

/*==================== Powerful cutting ====================*/
.pcsec {
    background: #fff;
    padding: 6rem 0;
}

@media (min-width: 1200px) {
    .pcsec .container {
        max-width: 119.4rem
    }
}

.pctitle {
    text-align: center;
    font-size: 3.8rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
    font-weight: 800;
    color: #1E1E1E;
}

.pctitle span {
    display: block
}

.pctitle .highlight {
    color: var(--heading-accent)
}

.pclead {
    max-width: 82rem;
    margin: 0 auto;
    text-align: center;
  font-size: 1.5rem;
    line-height: 2.3rem;
    font-weight: 300;
}

.pcrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 6rem;
}

.pcimg {
    flex-shrink: 0;
    display: block;
    width: 67rem;
    max-width: none;
    height: auto;
    border-radius: 0.2rem;
}

.pctext {
    width: 42.5rem
}

.pcheading {
    font-size: 2.3rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
    font-weight: 800;
    color: #000000;
}

.pcbody {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #000000;
    font-weight: 300;
}

.pcreview {
    margin-top: 2.5rem
}

.pcstars {
    display: block;
    width: auto;
    height: 1.5rem;
    margin-bottom: 0.8rem
}

.pcreview p {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #333333;
    font-weight: 300;
}

p.pcname {
    margin-top: 1rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
}

.pcname span {
    color: #00B67A
}

.pccard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    overflow: hidden;
    margin-top: 5.5rem;
    background: url("../images/powerful-cutting-bg.jpg") center center / cover no-repeat;
}

.pccardtext {
    width: 46.2rem;
    padding: 3rem 0 3rem 5rem;
    color: #fff;
}

.pccardtitle {
    color: var(--heading-accent)
}

.pccard .pcbody {
    color: rgba(255, 255, 255, 0.85)
}

.pccard .pcreview p {
    color: rgba(255, 255, 255, 0.7)
}

.pccard .pcname {
    color: #fff
}

.pccardimg {
    flex-shrink: 0;
    display: block;
    width: 62.6rem;
    max-width: none;
    height: auto;
}

.pccta {
    margin-top: 7rem;
    text-align: center
}

.pccta .shipinfo {
    justify-content: center
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 68%;
    }
}

@media screen and (min-width:1800px) {
    html {
        font-size: 74%;
    }
}

@media screen and (min-width:2000px) {
    html {
        font-size: 76%;
    }

}

@media screen and (min-width:2200px) {
    html {
        font-size: 84%;
    }
}

@media screen and (min-width:2400px) {
    html {
        font-size: 88%;
    }

}

@media screen and (min-width:2600px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-width:2800px) {
    html {
        font-size: 92%;
    }
}

@media screen and (min-width:3000px) {
    html {
        font-size: 94%;
    }
}

@media screen and (min-width:3200px) {
    html {
        font-size: 96%;
    }
}

@media screen and (min-width:3400px) {
    html {
        font-size: 98%;
    }
}

@media screen and (min-width:3600px) {
    html {
        font-size: 100%;
    }
}

/*==================== Mobile refinements ====================*/
/*==================== Small enough for the drawer ====================*/
.pilesec {
    background: #111A1D
}

.pilewrap {
    position: relative
}

.pileimg {
    display: block;
    width: 100%;
    height: auto
}

/* overlay blocks are pinned in % of the artwork, so they track it at any width */
.pilehead {
    position: absolute;
    top: 6.67%;
    left: 0;
    right: 0;
    padding: 0 2rem;
    text-align: center;
}

.piletitle {
    font-size: 3.8rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
    color: #fff;
    font-weight: 800;
}

.piletitle span {
    display: block
}

.piletitle .highlight {
    color: var(--heading-accent)
}

.pilelead {
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #FFFFFF;
    font-weight: 300;
}

.pilecta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5.94%;
    padding: 0 2rem;
    text-align: center;
}

.pilecta .shipinfo {
    justify-content: center;
    color: rgba(255, 255, 255, 0.8)
}

.pilecta .shipinfo .sep {
    color: rgba(255, 255, 255, 0.3)
}

/* between 768 and 1200 the art shrinks, so the overlay text follows it */
/* mobile: body copy tracks the smaller headings (desktop sets fixed rem leading) */
/* mobile uses its own artwork; the overlay model stays the same */
/*==================== Specifications ====================*/
.specsec {
    background: #fff;
    padding: 6rem 0;
}

.spechead {
    text-align: center;
    margin-bottom: 5.4rem
}

.speclogo {
    width: 16.5rem;
    height: auto
}

.speclead {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #1E1E1E;
}

.speccard {
    display: flex;
    align-items: stretch;
    margin: 0 -1.2rem
}

.specimg {
    flex-shrink: 0;
    width: 59.4%;
    height: auto;
    display: block;
    object-fit: cover;
}

.whycompare picture,
.speccard picture {
    display: contents;
}

.speclist {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    background: #F5F5F5;
    padding: 0 3rem;
}

.speclist li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid #E6E6E6;
}
.speckey {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #000000;
}

.speckey img {
    width: 1.6rem;
    height: 1.6rem
}

.specval {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 300;
    color: #000000;
    text-align: right
}

.speccta {
    margin-top: 6rem;
    text-align: center
}

.speccta .shipinfo {
    justify-content: center
}


/*================ Footer ================*/
footer {
    background: var(--topbar-bg);
    padding: 3.5rem 0 2.5rem;
    color: #fff;
    text-align: center;
    font-family: "Inter", sans-serif;
    color: #f5f5f5;
}

.ftlogo img {
    max-height: 8.5rem;
    width: auto;
}

.ftnav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2.3rem;
}

.ftnav li a {
    display: inline-block;
    padding: 0 0.8rem;
    font-size: 1.2rem;
    color: #f5f5f5;
}

.ftnav li:not(:last-child) {
    border-right: 1px solid #f5f5f5;
}

.ftdisclaimer {
    margin-top: 3.5rem;
}

.ftdisclaimer p {
    margin: 0 auto 3.5rem;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #f5f5f5;
    font-weight: 300;
}

.ftdisclaimer p a {
    color: #f5f5f5;
    font-weight: 300;
}

.ftdisclaimer p:last-child {
    margin-bottom: 0;
}

.ftbottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    margin-top: 4.2rem;
    padding-top: 2rem;
    border-top: 1px solid #0780a4;
}

.ftbottom .copyright {
    font-size: 1.2rem;
    color: #8eb3bc;
}

.dmcabadge img {
    max-height: 2.7rem;
}

.paycards {
    display: flex;
    gap: 0.8rem;
}

.paycards span {
    padding: 0.5rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0.6rem;
    font-size: 1rem;
    font-weight: 700;
    color: #8eb3bc;
    background: #1c6c84;
}

/*================ FAQ Section ================*/
.faq-sec {
    padding: 6rem 0 13rem;
}

.faqhead {
    margin-bottom: 6rem;
}

/* site only ships Gotham up to weight 700 (bold), so 900/black falls back to the nearest available weight */
.faqhead h1 {
    font-family: var(--theme-header-font-bold);
    font-weight: 800;
    font-size: 3.8rem;
    line-height: 4.5rem;
    color: #1e1e1e;
}

.faqhead h1 span {
    color: var(--text-highlight);
    display: block;
}

.faqaccordion .accordion-item {
    border: 1px solid #cfcfcf;
    border-radius: 0.4rem !important;
    overflow: hidden;
    margin-bottom: 2rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.faqaccordion .accordion-item:last-child {
    margin-bottom: 0;
}

.faqaccordion .accordion-button {
    position: relative;
    padding: 3rem 7rem 3rem 4rem;
    font-family: var(--theme-regular-font);
    font-weight: 500;
    font-size: 1.8rem;
    color: #000000;
    -webkit-tap-highlight-color: transparent;
}

/* bootstrap tints the open header blue and draws a focus ring on click - keep
   every state flat so only the +/- marker changes */
.faqaccordion .accordion-button,
.faqaccordion .accordion-button:hover,
.faqaccordion .accordion-button:focus,
.faqaccordion .accordion-button:active,
.faqaccordion .accordion-button:focus-visible,
.faqaccordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
    outline: 0;
    color: #000000;
}

/* +/- drawn as two bars so the swap can animate; bootstrap's chevron is dropped.
   the vertical bar rotates flat, turning the + into a - */
.faqaccordion .accordion-button::after,
.faqaccordion .accordion-button::before {
    content: "";
    background-image: none;
    position: absolute;
    right: 4rem;
    top: 50%;
    width: 1.7rem;
    height: 0.2rem;
    margin: 0;
    border-radius: 0.2rem;
    background-color: var(--theme-color);
    transition: transform 0.3s ease;
}

.faqaccordion .accordion-button::after {
    transform: translateY(-50%);
}

.faqaccordion .accordion-button::before {
    transform: translateY(-50%) rotate(90deg);
}

.faqaccordion .accordion-button:not(.collapsed)::before {
    transform: translateY(-50%) rotate(0deg);
}

@media (prefers-reduced-motion: reduce) {

    .faqaccordion .accordion-button::after,
    .faqaccordion .accordion-button::before {
        transition: none;
    }
}

.faqaccordion .accordion-body {
    padding: 0 4rem 2.4rem;
    font-family: var(--theme-regular-font);
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #000000;
}

.faqcta {
    margin-top: 10rem;
}

.faqcta .shipinfo {
    margin-top: 1.4rem;
}

/*================ Feature Section ================*/
.feature-sec {
    padding: 6rem 0 4rem;
    background: #f8f8f8;
}

.featurehead {
    margin-bottom: 6rem;
}

.featurehead h2 {
    font-family: var(--theme-header-font-bold);
    font-weight: 800;
    color: #1e1e1e;
    font-size: 3.8rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
}

.featurehead h2 .highlight {
    color: var(--text-highlight);
}

.featurecards .col-md-4 {
    margin-bottom: 2.2rem;
}

.featurecard {
    height: 100%;
    border-radius: 0rem;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.15) 0px 6px 18px;
}

.featurecard .featurecardimg {
    width: 100%;
    height: 25rem;
    object-fit: cover;
}

.featurecardbody {
    padding: 3rem 3rem 3.4rem;
}

.featurecardtitle {
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000000;
}

.featurecardtext {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #000000;
    font-weight: 300;
}

/*================ Review Section ================*/
.review-sec {
    padding: 7rem 0;
    font-family: "Inter", sans-serif;
}

.reviewhead {
    margin-bottom: 6rem;
}

.reviewhead h1 {
    font-family: var(--theme-header-font-bold);
    font-weight: 800;
    font-size: 3.8rem;
    line-height: 4.5rem;
    color: #1e1e1e;
}

.reviewhead h1 .highlight {
    color: var(--text-highlight);
}

.reviewsummary {
    margin-bottom: 6rem;
}

.ratinglist li {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e1e1e1;
}

.ratinglist li:first-child {
    padding-top: 0;
}

.ratinglist .label {
    flex: 1;
    font-size: 1.9rem;
    font-weight: 500;
    color: #1e1e1e;
}

.ratinglist img {
    height: 2rem;
    width: auto;
}

.ratinglist .score {
    font-size: 1.8rem;
    font-weight: 500;
    color: #1e1e1e;
}

.ratingbig h3 {
    font-weight: 700;
    font-size: 9.6rem;
    color: #1e1e1e;
    font-family: "Inter", sans-serif;
    line-height: 10rem;
}

.ratingbig img {
    height: 2.3rem;
    width: auto;
    margin: 1rem 0 2.5rem;
}

.ratingbig p {
    font-size: 2.2rem;
    color: #1e1e1e;
    line-height: 1.5;
    font-weight: 500;
}

.reviewgridimg img {
    width: 100%;
    height: auto;
}

.reviewcards .col-md-6 {
    margin-bottom: 2rem;
}

.reviewcard {
    height: 100%;
    border-radius: 1.4rem;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2.6rem 2rem;
}

.reviewcard .reviewcardimg {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.reviewcardbody {
    padding-top: 2.4rem;
}

.reviewcardmeta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-bottom: 1.2rem;
}

.reviewername {
    font-size: 1.2rem;
    font-weight: 700;
    color: #000000;
}

.verifiedtag {
    display: inline-flex;
    align-items: center;
    gap: 0rem;
    margin-left: 0rem;
    font-size: 1.2rem;
    font-weight: 400;
    color: #1bba86;
    white-space: nowrap;
}

.verifiedtag img {
    height: 1.3rem;
}

.reviewdate {
    flex-shrink: 0;
    font-size: 1.2rem;
    color: #808080;
}

.reviewcard .cardstars {
    height: 1.6rem;
}

.reviewtext {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #5a6a60;
    margin-top: 1rem;
}

/*================ Limited Section ================*/
.limited-sec {
    background: url(../images/limited-bg.jpg) no-repeat;
    background-image: -webkit-image-set(url(../images/limited-bg.webp) type("image/webp"),
            url(../images/limited-bg.jpg) type("image/jpeg"));
    background-image: image-set(url(../images/limited-bg.webp) type("image/webp"),
            url(../images/limited-bg.jpg) type("image/jpeg"));
    background-position: center;
    background-size: cover;
    padding: 9rem 0;
}

/* ratingpill has no background of its own in style.css, only override the text/border colors for this dark section */
.limited-sec .ratingpill {
    border-color: #f4f4f4;
    background: #fff;
    border-radius: 5rem;
    padding: 0.9rem 1.4rem;
}

.limited-sec .ratingpill span,
.limited-sec .ratingpill .verified {
    color: #15201a;
    font-weight: 500;
    font-size: 1.3rem;
}

.limited-sec .ratingpill .verified {
    color: #1f4a36;
    font-size: 1.4rem;
    font-weight: 600;
}

.limited-sec .limitedheading {
    margin: 2rem 0 2.5rem;
    font-family: var(--theme-header-font-bold);
    font-weight: 800;
    font-size: 3.8rem;
    line-height: 4.5rem;
    color: #fff;
    text-transform: uppercase;
}

.limited-sec .limitedheading span {
    display: block;
}

.limited-sec .limitedheading .highlight {
    color: var(--heading-accent);
}

.limited-sec .limitedlist {
    margin-bottom: 2.5rem;
}

.limited-sec .limitedlist li {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    font-weight: 300;
    color: #fff;
}

.limited-sec .limitedlist li i {
    flex-shrink: 0;
    width: 1.8rem;
    text-align: center;
    font-size: 1.6rem;
    color: var(--heading-accent);
}

.limited-sec .shipinfo {
    margin-top: 1.4rem;
    color: #fff;
}

.limited-sec .shipinfo .sep {
    color: #ffffff;
}

.limited-sec .content {
    padding-left: 3rem;
}

.limited-sec .speccta {
    margin-top: auto;
    text-align: center;
    width: fit-content;
}

.green-footer-box-wrapper {
  display: none;
}

.sticky_button_sec {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 999;
  text-align:center;
}
.sticky_button_sec .steps-cta__btn {
    width: 95%;
    font-size: 1.8rem;
    margin: 0 auto;
}

/*==================== Responsive ====================*/

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .speclist {
        padding: 0 2.4rem
    }

    .speckey,
    .specval {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 1199px) {
    .whyimgbad {
        width: 43%
    }

    .whyimggood {
        width: 47%
    }

    .pcimg {
        width: 100%
    }

    .pctext {
        width: 40%
    }

    .pcrow {
        gap: 2rem
    }

    .pccardtext {
        width: 40%;
        padding: 3rem 0 3rem 3rem
    }

    .pccardimg {
        width: 52%
    }

    .pccard {
        gap: 3rem
    }

    .piletitle {
        font-size: 3.4rem;
        line-height: 3.8rem;
        margin-bottom: 1.8rem
    }

    .pilelead {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .speclist {
        padding: 0 1.6rem
    }

    .speckey,
    .specval {
        font-size: 1.35rem
    }

    .speclist li {
        padding: 1.2rem 0;
        gap: 1.4rem
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .cartbtn {
        padding: 1.6rem 2rem;
        font-size: 1.8rem
    }

    .stamp {
        width: 10rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .limited-sec .limitedheading {
        font-size: 3.8rem;
    }
    .herosec h1{
        font-size: 3.5rem;
        line-height: 4.5rem;
    }
    .shipinfo{    font-size: 1.2rem;    gap: 1rem;}
}

@media screen and (min-width: 1600px) {
    .speclist li {
        padding: 1.8rem 0;
    }
}

@media screen and (min-width: 1800px) {
    .specimg {
        width: 57%;
    }
}


@media screen and (max-width: 991px) {
    .pccard picture {
        width: 100%;
    }
    .limited-sec {
        background-position: -180px center;
    }
    .limited-sec .content {
        padding-left: 0;
    }

    .advertiselist {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2.4rem 4rem
    }
    .advertisesec {
        overflow: hidden;
    }

    .advertisetrack {
        display: flex;
        width: max-content;
        animation: advertisescroll 22s linear infinite;
    }

    .advertiselist {
        display: flex;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 3rem;
        /* trailing space equals the gap, so the two lists tile seamlessly */
        padding-right: 3rem;
    }

    .advertiselist[aria-hidden="true"] {
        display: flex;
    }

    /* pause on touch-and-hold */
    .advertisemarquee:active .advertisetrack {
        animation-play-state: paused;
    }

    .pcsec {
        padding: 4rem 0 4rem
    }

    .pcrow {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 3rem;
        margin-top: 5rem
    }

    .pcrow.odd {
        flex-direction: column;
    }

    .pcrow picture {
        width: 100%;
        display: block;
    }

    .pcrow .pcimg {
        order: -1;
        width: 100%;
        height: auto;
        display: block;
    }

    .pctext {
        width: 100%
    }

    .pccard {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-top: 4rem
    }

    .pccardtext {
        width: 100%;
        order: 1;
        padding: 3rem;
        background: linear-gradient(90deg, #202729 0%, #000000 100%);
    }

    .pccardimg {
        width: 100%
    }

    .pccta {
        margin-top: 4rem
    }

    .piletitle {
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-bottom: 1.2rem
    }

    .pilelead {
        font-size: 1.2rem;
        line-height: 2.2rem
    }

    .pilehead {
        top: 4.67%;
    }

    .pilecta {
        bottom: 2%;
    }

    .pilecta .cartbtn {
        padding: 1.4rem 2.4rem;
        font-size: 1.7rem
    }

    .pilecta .shipinfo {
        margin-top: 1rem;
        font-size: 1.3rem
    }

    .speccard {
        display: block;
        margin: 0
    }

    .specimg {
        width: 100%
    }

    .speclist {
        padding: 1rem 2.4rem
    }

    .reviewsummary>div {
        margin-bottom: 3rem;
    }

    .reviewsummary {
        margin-bottom: 0rem;
    }

    .ratingpill {
        margin-top: 30px;
        gap: 0.8rem;
        justify-content: center;
    }
}



@media screen and (max-width: 767px) {
    .green-footer-box-wrapper {
        display: block;
    }
    #green-footer-box {
        display: block;
    }
    .green-footer-box-wrapper .cartbtn.offrbtn{
        width: 92%;
        margin: 0 auto;
        justify-content: center;
    }
    footer{padding-bottom: 8rem;}
    .faqcta {
        margin-top: 3rem;
    }
    .limited-sec .speccta {
        width: 100%;
    }
    .whysec {
        padding: 4rem 0;
    }
    .whyimgbad {
        position: relative;
        z-index: 1;
    }
    .whyimggood {
        margin-top: -5rem;
        z-index: 0;
    }

    .whytitle {
        font-size: 3rem;
        line-height: 3.4rem
    }

    .whylead {
        margin-bottom: 4rem
    }

    .whycompare {
        flex-direction: column;
        gap: 1.6rem
    }

    .whyimgbad,
    .whyimggood {
        width: 100%;
        max-width: 34rem;
        margin-left: 0;
        box-shadow: none
    }

    .whycta {
        margin-top: 4rem
    }

    .pctitle {
        font-size: 3rem;
        line-height: 3.2rem
    }

    .pcheading {
        font-size: 2.3rem;
        line-height: 3rem;
    }

    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .topbar p {
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    .logo img {
        max-height: 3.6rem
    }

    .herosec {
        padding-bottom: 4.5rem
    }

    .whylead {
        font-size: 1.6rem;
        line-height: 3rem
    }

    .pclead {
       font-size: 1.5rem;
    line-height: 2.3rem;
    }

    .pcbody {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pilehead {
        top: 5.7%;
        padding: 0 1.5rem
    }

    .piletitle {
        font-size: 3rem;
        line-height: 3.4rem;
        max-width: 33rem;
        margin: 0 auto 2.4rem;
    }

    .piletitle span {
        display: inline
    }

    .pilelead {
      font-size: 1.5rem;
    line-height: 2.3rem;
    }

    .pilecta {
        bottom: 4.2%;
        padding: 0 1.5rem
    }

    .pilecta .cartbtn {
        display: flex;
        justify-content: center;
        padding: 1.6rem 2rem;
        font-size: 1.7rem;
    }

    .pilecta .shipinfo {
        margin-top: 1.6rem;
        font-size: 1.2rem;
        gap: 0.8rem
    }

    .specsec {
        padding: 5rem 0;
    }

    .spechead {
        margin-bottom: 1.4rem
    }

    .speclogo {
        width: 17rem
    }

    .speclead {
        margin-top: 1.2rem;
        font-size: 1.6rem;
        line-height: 3rem
    }

    .speccard {
        display: block;
        margin-left: -20px;
        margin-right: -20px;
    }

    .specimg {
        width: 100%;
        aspect-ratio: 1.88;
        object-fit: cover
    }

    .speclist {
        padding: 3rem 1.4rem
    }

    .speclist li {
        padding: 0.9rem 0;
        gap: 1.2rem
    }

    .speckey,
    .specval {
        font-size: 1.4rem;
    }

    .speckey {
        gap: 0.8rem
    }

    .speckey img {
        width: 1.4rem;
        height: 1.4rem
    }

    .speccta {
        margin-top: 3rem
    }

    .speccta .cartbtn {
        display: flex;
        justify-content: center;
        padding: 1.6rem 2rem;
        font-size: 1.7rem
    }

    .ftbottom {
        text-align: left;
    }
    .ftbottom .copyright {
            max-width: 18rem;
    }

    .limited-sec {
        padding: 0rem 0 5.3rem;
        background: #0e0e0e;
    }

    .limited-sec .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* zero the bootstrap row gutter so the full-bleed container does not cause horizontal page scroll */
    .limited-sec .row {
        --bs-gutter-x: 0;
    }

    .limited-sec .image img {
        width: 100%;
        height: auto;
    }

    .limited-sec .content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .limited-sec .ratingpill {
        padding: 0.6rem 1.2rem;
        width: 100%;
    }

    .limited-sec .limitedheading {
        font-size: 3rem;
        line-height: 3.6rem;
    }

    .limited-sec .limitedheading span {
        display: inline;
    }

    .limited-sec .limitedlist {
        margin-bottom: 3rem;
    }

    .limited-sec .limitedlist li {
        font-size: 1.6rem;
        gap: 1rem;
    }

    .feature-sec {
        padding: 4.2rem 0 5rem;
    }

    .featurehead h2,
    .reviewhead h1 {
        font-size: 2.9rem;
    }

    .featurehead {
        margin-bottom: 3.6rem;
    }

    .featurecardbody {
        padding: 2.5rem 2.6rem 2.8rem;
    }

    .featurecards .col-md-4 {
        margin-bottom: 2.8rem;
    }

    .featurecardtitle {
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }

    .featurecardtext {
        font-size: 1.3rem;
        line-height: 2.1rem;
    }

    .review-sec {
        padding: 7.5rem 0 7rem;
    }

    .reviewhead {
        margin-bottom: 2rem;
    }

    .ratingbig img {
        margin: 2rem 0 2.5rem;
    }

    .ratinglist li {
        padding: 0.8rem 0;
    }

    .ratinglist .label,
    .ratinglist .score {
        font-size: 1.5rem;
    }

    .reviewsummary {
        margin-bottom: 0rem;
    }

    .reviewcard {
        padding: 2.1rem 1.6rem;
        border-radius: 1.2rem;
    }

    .reviewcardbody {
        padding-top: 2rem;
    }

    .reviewername,
    .verifiedtag,
    .reviewdate {
        font-size: 1rem;
    }

    .reviewtext {
        font-size: 1.2rem;
        line-height: 2.1rem;
    }

    .limited-sec .shipinfo {
        justify-content: center;
        margin-top: 1rem;
    }

    .limited-sec .shipinfo .sep {
        display: block;
    }
    .faqhead {
    margin-bottom: 4rem;
}

    .faq-sec {
        padding: 5rem 0 6rem;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .speccta .cartbtn,
    .pilecta .cartbtn {
        max-width: 397px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .topbar .container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .topbar p {
        font-size: 1.2rem;
        line-height: 2rem
    }

    .topbar p span.code {
        padding: 0.3em 0.6em
    }
}

@media screen and (max-width: 575px) {
    .reviewbox .reviewer,
    .reviewbox p {
        font-size: 1.2rem;
        line-height: 2.1rem;
    }
    .ratingpill .verified {
        font-size: 1.2rem
    }
    .offrbtn {
        display: block
    }

    .ratingpill {
        flex-wrap: wrap
    }

    .ctarow {
        flex-direction: column;
        align-items: center;
        gap: 1.8rem
    }

    .ctacol {
        width: 100%
    }

    .cartbtn {
        display: flex;
        justify-content: center;
        padding: 1.6rem
    }

    .stamp {
        margin-left: 0
    }

    .shipinfo .sep {
        display: none
    }

    .advertisesec {
        padding: 2rem 0 2.4rem
    }

    .advertiselist li {
        justify-content: center
    }

    .advertiselist img {
        max-width: 100%
    }

    .advertiselist li:nth-child(1) img {
        width: 12.6rem
    }

    .advertiselist li:nth-child(2) img {
        width: 12.4rem
    }

    .advertiselist li:nth-child(3) img {
        width: 12.4rem
    }

    .advertiselist li:nth-child(4) img {
        width: 15.4rem
    }

    .advertiselist li:nth-child(5) img {
        width: 15.4rem
    }

    /* topbar: keep the promo line on one row */
    .topbar {
        padding: 0.9rem 0
    }

    .topbar .container {
        padding-left: 0.8rem;
        padding-right: 0.8rem
    }

    .topbar p {
        font-size: 0.9rem;
        line-height: 1.9
    }

    .topbar p span.code {
        padding: 0.2em 0.45em;
        margin: 0 0.1em;
        border-radius: 5px
    }

    .topbar p img.flag {
        width: 1.1em;
        margin-right: 0.2em
    }

    /* header: logo and offer button share one row */
    .headersec {
        padding: 1.4rem 0
    }

    .headersec .offrbtn {
        padding: 1rem 1.4rem;
        font-size: 0.9rem
    }

    .headersec .offrbtn img {
        width: 1.1rem;
        margin-left: 0.8rem !important
    }

    /* hero */
    .ratingpill {
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 0.6rem;
        padding: 0.4rem 0.8rem;
        font-size: 1rem;
    }

    .ratingpill .stars {
        height: 1.4rem
    }

    .ratingpill .verified {
        gap: 0.3rem
    }

    .herosec h1 {
        margin: 2.2rem 0 1.2rem;
        font-size: 2.9rem;
        line-height: 3.6rem
    }

    .herolead {
        margin-bottom: 2.4rem;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .featurelist li {
        font-size: 1.6rem;

    }

    .heroright {
        display: flex;
        flex-direction: column
    }

    .heroright .reviewbox {
        order: 1;
        margin-top: 2.6rem
    }

    .heroright .ctarow {
        order: 2;
        margin: 2.6rem 0 0
    }

    .stamp {
        display: none
    }

    .cartbtn {
        font-size: 1.7rem;
        padding: 1.5rem 2rem
    }

    .shipinfo {
        justify-content: center;
        font-size: 1.2rem
    }
.advertisetitle {
    font-size: 1rem;
    margin-bottom: 0.8rem;
}
    .shipinfo .sep {
        display: inline
    }

    .shipinfo img {
        width: 1.5rem
    }

    /* as advertised in: one strip, cropped at both edges */
    .advertiselist {
        gap: 2.5rem;
        padding-right: 2.5rem;
    }

    .advertiselist li {
        flex: 0 0 auto
    }

    /* smaller logos travel less distance, so shorten the loop to keep the
       apparent scroll speed the same as desktop */
    .advertisetrack {
        animation-duration: 18s;
    }

    .advertiselist li:nth-child(1) img {
        width: 7.7rem
    }

    .advertiselist li:nth-child(2) img {
        width: 7.6rem
    }

    .advertiselist li:nth-child(3) img {
        width: 7.6rem
    }

    .advertiselist li:nth-child(4) img {
        width: 9.5rem
    }

    .advertiselist li:nth-child(5) img {
        width: 9.5rem
    }

    /* why the utility knife */
    .whytitle span {
        display: inline
    }

    .whycompare {
        gap: 0.8rem
    }

    .whyimgbad,
    .whyimggood {
        max-width: 100%
    }

    /* powerful cutting: feature card runs edge to edge */
    .pcsec {
        overflow-x: hidden
    }

    .pccard {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .pccardtext {
        padding: 2.4rem 1.5rem 3rem
    }

    .cartbtn {
        display: flex;
        justify-content: center;
        padding: 1.3rem;
        gap: 0.8rem;
        font-size: 1.5rem;
        line-height: 2.4rem;
    }

    .faqhead h1 {
        font-size: 3rem;
    }

    .faqaccordion .accordion-button {
        padding: 1.6rem 5rem 1.6rem 2rem;
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .faqaccordion .accordion-button::after,
    .faqaccordion .accordion-button::before {
        right: 2rem;
    }

    .faqaccordion .accordion-body {
        padding: 0 2rem 2rem;
    }

    .featurehead h2,
    .reviewhead h1,
    .faqhead h1 {
        font-size: 3rem;
        line-height: 3.6rem;
    }

    .reviewhead h1 .highlight {
        display: block;
    }

    .limited-sec .ratingpill {
        gap: 0.6rem;
    }

    .limited-sec .ratingpill .stars {
        height: 1.3rem;
    }

    .limited-sec .ratingpill span,
    .limited-sec .ratingpill .verified {
        font-size: 1.1rem;
    }

    .limited-sec .ratingpill .verified {
        font-size: 1.1rem;
    }

    .topbar p {
        font-size: 0.9rem;
        line-height: 1.9;
    }

    .herosec {
        padding: 2rem 0 4rem;
        ;
    }

    .herothumbs {
        margin-top: .6rem;
        gap: .6rem;
    }

    .herothumbs button img {
        max-width: 100%;
        height: 83px;
        object-fit: cover;
    }

    .herosec h1 {
        margin: 2rem 0;
    }
}



@media screen and (max-width: 400px) {
     .topbar p {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    .logo img {
        max-height: 3rem
    }
    .limited-sec .ratingpill .stars {
        height: 1.2rem;
    }

    .limited-sec .ratingpill span,
    .limited-sec .ratingpill .verified {
        font-size: 1rem;
    }

    .limited-sec .ratingpill .verified {
        font-size: 1rem;
    }
    .featurehead h2, .reviewhead h1, .faqhead h1 {
        font-size: 2.3rem;
        line-height: 3.2rem;
    }
    .pctitle {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
}


@media screen and (max-width: 370px){
.ratingpill, .ratingpill .verified{        font-size: 0.9rem;}
.herosec h1 {
    font-size: 2.4rem;
    line-height: 3.2rem;
}
.featurelist li {
        font-size: 1.3rem;
    }
.shipinfo{font-size: 1rem;}
.whytitle {
    font-size: 2.6rem;
    line-height: 3.2rem;
}
    .whylead {
        margin-bottom: 2rem;
    }
        .pctitle {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    .cartbtn, .pilecta .cartbtn, .speccta .cartbtn{        font-size: 1.5rem;}
        .featurehead h2, .reviewhead h1, .faqhead h1 {
        font-size: 2.1rem;
    }
    .ftbottom .copyright{    font-size: 1rem;}
}