.vQBT0O {
    position: relative;
    width: max-content;
    line-height: 0
}

.w5vPgM {
    fill: #ffdd0b;
    stroke: #ffc204
}

.x8bQbY {
    fill: #f3f4f4;
    stroke: #c1c2c4
}

._3hkESf .hSiAf0 {
    width: 90px
}

._4_TKOI .hSiAf0 {
    width: 65px
}

.hDgQHi {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.opfykO {
    font-size: 11px;
    line-height: 11px
}

.CZPPYe,.opfykO {
    display: flex;
    align-items: center
}

.YPHCiO {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.bIY8lD {
    margin-left: 5px
}

@media(min-width: 641px) {
    .bIY8lD {
        margin-left:18px
    }
}

.AEeIwz {
    color: #636363
}

.bjo_G0 {
    color: #d0030b
}

.AEeIwz,.bjo_G0 {
    margin: 0
}

.zMbcHr {
    text-decoration: line-through
}

._2_gOH8 {
    color: #636363;
    display: flex;
    align-items: center
}

._2_gOH8.hc9hBh {
    color: #d0030b
}

.A_wdzx {
    font: normal 10px/10px Arial,sans-serif;
    text-transform: uppercase;
    width: min-content;
    letter-spacing: normal;
    margin-left: 4px;
    margin-top: -1px
}

.BQ11YK {
    color: #636363;
    font: 700 12px/16px Arial,sans-serif;
    margin-bottom: 5px
}

.E_xcR4.E_xcR4 {
    text-decoration: none
}

.E_xcR4.E_xcR4:focus {
    outline: 1px auto;
    outline-offset: 1px
}

.O25zko {
    display: flex;
    height: auto;
    padding: 13px;
    position: relative;
    width: 100%
}

@media(min-width: 641px) {
    .O25zko {
        display:block;
        height: 373px
    }
}

.PN_YPE {
    margin: auto
}

@media(max-width: 640px) {
    .K3k_zo {
        width:60%;
        padding: 0 0 0 10px
    }
}

.ehSKaF {
    display: inline-block;
    width: 100%
}

@media(min-width: 641px) {
    .ehSKaF {
        padding:10px 0;
        min-height: 80px
    }
}

._8Y_YoL {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal
}

.EhOrTQ {
    color: #636363;
    font: normal 10px/12px Arial,sans-serif
}

.qGUvbF {
    width: 100%;
    display: flex
}

.ORNft0 {
    margin-top: 5px
}

.qazU4X {
    color: #0053a0;
    font: normal 11px/12px Arial,sans-serif;
    margin-left: 5px
}

.NcDjQT {
    position: absolute;
    right: auto;
    left: 13px;
    top: 13px
}

@media(min-width: 641px) {
    .NcDjQT {
        left:auto;
        top: 13px;
        right: 13px
    }
}

.b_RQrV {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 10px 0 0;
    bottom: 70px;
    width: 100%
}

@media(min-width: 641px) {
    .b_RQrV {
        position:absolute;
        top: auto;
        margin: auto;
        padding: 0 13px 16px
    }
}

.CBgECa {
    overflow: hidden;
    background-color: #ed1c24;
    margin: 0;
    color: #fee502;
    font: 700 10px Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    height: 18px
}

.m7rO25 {
    font: 900 10px Arial Black,sans-serif
}

._tMKGj {
    color: #fff
}

.Yb8GjZ {
    display: block;
    position: relative;
    top: 0;
    margin: 10px 0;
    height: auto;
    bottom: 5px;
    line-height: normal
}

@media(min-width: 641px) {
    .Yb8GjZ {
        position:absolute;
        top: auto;
        margin: 0;
        height: 65px
    }
}

.Il0PG9 {
    font: normal 11px/13px Arial,sans-serif
}

.j3ILgU {
    font: 700 24px/12px Arial,sans-serif;
    margin-bottom: 6px
}

.M2SN5B {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 53px;
    height: 53px
}

@media(min-width: 641px) {
    .M2SN5B {
        left:auto;
        right: 13px
    }
}

@media(max-width: 640px) {
    ._9pksug {
        min-width:100%
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._9pksug {
        min-width:calc(25% - 12px);
        margin-right: 12px
    }
}

.wyV7cO>div {
    margin: 0 0 5px
}

.jKW6cD {
    margin: 6px 0 10px
}

@media(min-width: 641px) {
    .jKW6cD {
        margin:0 0 9px
    }
}

._6_4h10 {
    height: 203px
}

._6_4h10 .BQ11YK {
    height: 48px
}

._6_4h10 .E_xcR4.E_xcR4 {
    display: block;
    height: 100%
}

._6_4h10 .O25zko {
    display: flex;
    height: auto
}

._6_4h10 .K3k_zo {
    width: 70%;
    padding-left: 10px
}

._6_4h10 .ehSKaF {
    padding: 0
}

._6_4h10 ._8Y_YoL {
    -webkit-line-clamp: 2
}

._6_4h10 .NcDjQT {
    right: auto;
    left: 13px;
    top: 13px
}

._6_4h10 .b_RQrV {
    position: relative;
    top: 0;
    margin: 0;
    padding: 10px 0
}

._6_4h10 .Yb8GjZ {
    display: block;
    position: absolute;
    top: 120px;
    margin: 10px 0;
    height: auto
}

._6_4h10 .M2SN5B {
    top: 7px;
    left: 13px
}

._6_4h10 .wyV7cO {
    min-height: 19px
}

._6_4h10 .jKW6cD {
    margin: 0 0 10px
}

.dYNqKL {
    background: #fff;
    border: 1px solid #d1d1d1;
    position: relative;
    margin-bottom: 15px;
    text-decoration: none;
    width: 100%
}

.dYNqKL:hover .BQ11YK {
    text-decoration: underline
}

.v46NZe {
    align-self: center;
    background-color: #d0030b;
    color: #fff;
    font: 700 16px/24px Arial,sans-serif;
    border-radius: 2px 0 0 2px;
    padding: 0 2px;
    position: relative;
    margin: 0 20px 0 5px;
    width: max-content
}

.v46NZe:after {
    content: "";
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #d0030b;
    left: 100%
}

.NJUJzS {
    width: 105px;
    height: 105px;
    max-width: 100%;
    margin: auto
}

@media(min-width: 641px) {
    .NJUJzS {
        width:142px;
        height: 142px
    }
}

@media(min-width: 1025px) {
    .NJUJzS {
        width:171px;
        height: 155px
    }
}

._0eTnfb {
    margin-top: 2px
}

.ZTM22M {
    height: 12px;
    max-width: 100%;
    margin-bottom: 4px
}

@media(max-width: 640px) {
    .ZTM22M:last-of-type {
        display:none
    }
}

.fSjnqA {
    height: 10px;
    margin: 2px 0;
    width: 40px
}

.YcAXKV {
    height: 24px;
    max-width: 100%;
    color: transparent
}

.roUlHh {
    height: 8px;
    width: 100%
}

.AwGu2d,.roUlHh {
    display: block
}

@media(min-width: 641px) {
    .AwGu2d {
        display:none
    }
}

.QlzPui {
    display: none
}

@media(min-width: 641px) {
    .QlzPui {
        display:block
    }
}

._5n_VCA._5n_VCA {
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    word-break: break-word
}

._5n_VCA h1,._5n_VCA h2,._5n_VCA p {
    margin: 0 auto;
    font-size: inherit
}

._5n_VCA .Lu5ETi {
    z-index: 1
}

._5n_VCA .OHZV_k {
    display: block
}

@media(min-width: 641px) {
    ._5n_VCA .OHZV_k {
        display:none
    }
}

._5n_VCA .qsp78_ {
    display: none
}

@media(min-width: 641px) {
    ._5n_VCA .qsp78_ {
        display:block
    }
}

._5n_VCA {
    display: block;
    position: relative
}

._5n_VCA .WScuKF {
    width: 100%;
    overflow: hidden
}

@media(max-width: 640px) {
    ._5n_VCA .WScuKF {
        height:0
    }
}

._5n_VCA .WScuKF span {
    position: unset
}

._5n_VCA .hgRcUx {
    display: none;
    display: block;
    overflow: hidden;
    object-fit: contain;
    width: 100%
}

@media(min-width: 641px) {
    ._5n_VCA .hgRcUx {
        display:block
    }
}

._5n_VCA .WWd6Wv {
    margin: 0 auto;
    max-width: 1148px;
    display: flex;
    justify-content: center
}

@media(min-width: 641px) {
    ._5n_VCA .WWd6Wv {
        justify-content:start;
        padding: 0 12px
    }

    ._5n_VCA .WWd6Wv.yjpV2U {
        justify-content: end
    }
}

._5n_VCA .XUzevN span {
    color: #fff!important
}

._5n_VCA .YRBkay {
    min-width: 300px;
    padding: 16px 13px 13px;
    text-align: center;
    word-wrap: break-word;
    overflow: hidden
}

@media(max-width: 640px) {
    ._5n_VCA .YRBkay {
        background:transparent!important
    }
}

@media(min-width: 641px) {
    ._5n_VCA .YRBkay {
        display:inline-block;
        position: absolute;
        max-height: calc(100% - 8px);
        top: 0
    }

    ._5n_VCA .YRBkay.Yfg7Kd {
        padding: 14px 0;
        background-color: transparent!important
    }

    ._5n_VCA .YRBkay.w04uXP {
        text-align: left
    }

    ._5n_VCA .YRBkay.Eqycaj {
        text-align: right
    }

    ._5n_VCA .YRBkay.kt7i_u {
        top: 20px;
        max-height: calc(100% - 20px - 8px)
    }

    ._5n_VCA .YRBkay.yLT46u {
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    ._5n_VCA .YRBkay.szLlIZ {
        top: unset;
        bottom: 20px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5n_VCA .YRBkay {
        padding:16px
    }
}

@media(min-width: 1025px) {
    ._5n_VCA .YRBkay {
        padding:20px
    }
}

._bI2va._bI2va {
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    word-break: break-word
}

._bI2va h1,._bI2va h2,._bI2va p {
    margin: 0 auto;
    font-size: inherit
}

._bI2va .COuTvQ {
    z-index: 1
}

._bI2va ._1ODtlU {
    display: block
}

@media(min-width: 641px) {
    ._bI2va ._1ODtlU {
        display:none
    }
}

._bI2va ._15A72r {
    display: none
}

@media(min-width: 641px) {
    ._bI2va ._15A72r {
        display:block
    }
}

._bI2va {
    display: grid
}

@media(min-width: 1025px) {
    ._bI2va {
        justify-items:center
    }
}

._bI2va .tZJu3H {
    padding: 8px 12px
}

._bI2va .tZJu3H .SQbQIj {
    margin-top: 4px
}

@media(min-width: 641px) {
    ._bI2va .tZJu3H {
        padding:12px 58px 8px
    }

    ._bI2va .tZJu3H .SQbQIj {
        margin-top: 6px
    }

    ._bI2va .tZJu3H.iQyMMw {
        padding-top: 20px
    }

    ._bI2va .tZJu3H.iQyMMw .SQbQIj {
        margin-top: 8px
    }

    ._bI2va .tZJu3H.gpHDs_ {
        padding-top: 16px
    }

    ._bI2va .tZJu3H.gpHDs_ .SQbQIj {
        margin-top: 2px
    }
}

@media(min-width: 1025px) {
    ._bI2va .tZJu3H {
        max-width:1148px;
        padding: 12px 20px 8px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._bI2va .tZJu3H.M_Vfwf .SQbQIj {
        margin-top:2px
    }
}

@media(min-width: 641px) {
    ._bI2va._MRXdY .tZJu3H.iQyMMw {
        padding-bottom:16px
    }

    ._bI2va._MRXdY .tZJu3H.gpHDs_ {
        padding-bottom: 12px
    }
}

@media(max-width: 640px) {
    .JKaOpJ {
        display:block
    }
}

.JKaOpJ .RULg5G {
    display: none;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 0 10px 20px;
    margin-top: 6px;
    margin-bottom: -3px
}

@media(min-width: 1025px) {
    .JKaOpJ .RULg5G {
        max-width:1148px
    }
}

@media(min-width: 641px) {
    .JKaOpJ .RULg5G {
        display:flex;
        justify-content: center
    }
}

.JKaOpJ .UFnaCv {
    margin-top: 10px;
    margin-bottom: 12px;
    padding: 0 4px;
    white-space: nowrap
}

@media(min-width: 641px) {
    .JKaOpJ .UFnaCv {
        margin-bottom:6px;
        margin-top: 10px;
        padding: unset
    }
}

.JKaOpJ .cYGFzY {
    padding: 6px 30px;
    border-radius: 18px;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    font-family: screwfix_betaregular;
    font-size: 16px;
    line-height: 16px
}

.JKaOpJ .cYGFzY :focus {
    outline-style: solid;
    outline-width: 1px
}

.JKaOpJ ._1r0o6v {
    display: block;
    margin-top: 6px;
    padding-bottom: 12px
}

@media(min-width: 641px) {
    .JKaOpJ ._1r0o6v {
        display:none
    }
}

.oaTMNw {
    height: -moz-fit-content;
    height: fit-content
}

.oaTMNw .uKI0Xa {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.oaTMNw .uKI0Xa .xKp2RZ {
    display: block;
    max-width: unset
}

.oaTMNw .uKI0Xa._4CD3uM {
    align-content: space-between;
    background: #0053a0;
    color: #fff;
    text-decoration: none;
    text-align: center
}

.oaTMNw .uKI0Xa._4CD3uM>picture {
    height: 100px;
    width: 100%
}

.oaTMNw .uKI0Xa._4CD3uM img,.oaTMNw .uKI0Xa._7ZU7Ql .xKp2RZ {
    max-width: 100%
}

.oaTMNw .uKI0Xa .SqPtP6 {
    width: 100%
}

.nfG_Jx.nfG_Jx {
    margin: 0;
    font-size: unset!important;
    font-weight: unset;
    font-family: unset;
    color: unset;
    line-height: unset!important;
    display: inline
}

.SkPtA9 .UjJmGt {
    display: block;
    max-height: 470px;
    overflow: hidden
}

@media(min-width: 641px) {
    .SkPtA9 .UjJmGt {
        display:flex
    }
}

.SkPtA9 .XnWak8 {
    padding: 20px 30px
}

@media(min-width: 641px) {
    .SkPtA9 .XnWak8 {
        display:flex;
        align-items: center;
        justify-content: flex-start;
        flex: 42% 1;
        max-width: 42%;
        position: relative;
        z-index: 2
    }
}

@media(min-width: 1208px) {
    .SkPtA9 .XnWak8 {
        padding-left:calc((100% - 1148px)/2)
    }
}

.SkPtA9 .XnWak8 picture {
    width: 100%
}

.SkPtA9 ._23qCIN {
    margin: 0 auto;
    max-width: 400px;
    width: 100%
}

@media(min-width: 641px) {
    .SkPtA9 ._23qCIN {
        margin:20px 30px;
        width: calc(100% - 60px)
    }
}

@media(min-width: 1208px) {
    .SkPtA9 ._23qCIN {
        margin:0;
        width: 100%
    }
}

.SkPtA9 ._7F7gks {
    display: none
}

@media(min-width: 641px) {
    .SkPtA9 ._7F7gks {
        -webkit-clip-path:polygon(0 0,100% 0,15% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,15% 100%,0 100%);
        height: 100%;
        left: calc(100% - 5px);
        position: absolute;
        top: 0;
        width: 10%;
        z-index: 2
    }

    @supports((-webkit-clip-path: polygon(0 0,100% 0,15% 100%,0% 100%)) or (clip-path:polygon(0 0,100% 0,15% 100%,0% 100%))) {
        .SkPtA9 ._7F7gks {
            display:block
        }
    }
}

.SkPtA9 ._7F7gks._OWWBJ {
    display: none
}

@supports not ((-webkit-clip-path: polygon(0 0,10% 0,15% 100%,0% 100%)) or (clip-path:polygon(0 0,10% 0,15% 100%,0% 100%))) {
    .SkPtA9 ._7F7gks._OWWBJ {
        display:block;
        left: 100%
    }
}

.SkPtA9 .CpwT3W {
    display: none
}

@media(min-width: 641px) {
    .SkPtA9 .CpwT3W {
        display:block;
        flex: 58% 1;
        max-width: 58%;
        position: relative;
        z-index: 1
    }

    .SkPtA9 .CpwT3W.JUOfW1:before {
        content: "";
        display: block;
        padding-top: 56.25%
    }
}

.SkPtA9 .ShS_e0 {
    min-height: 100%
}

.SkPtA9 .XNsPD4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.rzuB3K {
    aspect-ratio: 9/1
}

.X01hCN {
    aspect-ratio: 20/1
}

.JUzMRT a.dxKLYq:hover .jXVFxN {
    text-decoration: underline
}

.JUzMRT.oYcjcg {
    grid-column: span 2
}

.YNfHTi {
    height: 100%;
    text-align: left;
    font-family: screwfix_betaheavy;
    position: relative;
    z-index: 1
}

.YNfHTi .YsHlc1 {
    display: grid;
    height: 100%;
    margin-left: 10px
}

@media(min-width: 641px) {
    .YNfHTi .YsHlc1 {
        margin-left:12px
    }
}

.YNfHTi .aQGZyi {
    font-family: screwfix_betabold;
    margin-left: 0;
    font-size: 36px;
    line-height: 65%
}

@media(min-width: 641px) {
    .YNfHTi .aQGZyi {
        font-size:40px
    }
}

.YNfHTi .aQGZyi sup {
    font-size: 20px;
    margin-right: 2px;
    top: 2px;
    font-family: screwfix_betabold;
    line-height: inherit;
    vertical-align: super
}

@media(min-width: 641px) {
    .YNfHTi .aQGZyi sup {
        font-size:24px
    }
}

.YNfHTi .Mwnf2r {
    width: 100%;
    height: 14px;
    margin-top: 3px
}

.YNfHTi .KpU5Si,.YNfHTi .Mwnf2r {
    font-family: screwfix_betaregular;
    font-size: 14px
}

.YNfHTi .KpU5Si {
    margin-top: 5px
}

._8Pz8wR {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1
}

@media(max-width: 640px) {
    ._8Pz8wR {
        gap:7px;
        padding: 7px
    }
}

@media(min-width: 1025px) {
    .kBq7p6 {
        grid-template-columns:repeat(1,1fr)
    }

    .m2dH0z {
        grid-template-columns: repeat(2,1fr)
    }

    .OT2lqi {
        grid-template-columns: repeat(3,1fr)
    }

    .cAYW4z {
        grid-template-columns: repeat(4,1fr)
    }

    .kkxU_h {
        grid-template-columns: repeat(5,1fr)
    }

    .RCP_7E {
        grid-template-columns: repeat(6,1fr)
    }

    .vx9XXn {
        grid-template-columns: repeat(7,1fr)
    }

    .vjWA6y {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .T5kkLb {
        grid-template-columns:repeat(1,1fr)
    }

    .G3jrGS {
        grid-template-columns: repeat(2,1fr)
    }

    .AFrdR7 {
        grid-template-columns: repeat(3,1fr)
    }

    ._7BUmoI {
        grid-template-columns: repeat(4,1fr)
    }

    ._zt7eU {
        grid-template-columns: repeat(5,1fr)
    }

    ._8c_9HI {
        grid-template-columns: repeat(6,1fr)
    }

    .YjS0Ox {
        grid-template-columns: repeat(7,1fr)
    }

    .EnTzRj {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(max-width: 640px) {
    .Ht7d6c {
        grid-template-columns:repeat(1,1fr)
    }

    .HkLLOH {
        grid-template-columns: repeat(2,1fr)
    }
}

._8Pz8wR ._7F2YjS {
    display: flex
}

._8Pz8wR .tY79yb {
    display: block;
    overflow: hidden;
    object-fit: contain;
    width: 100%
}

.kbVpyS.kbVpyS {
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    word-break: break-word
}

.kbVpyS h1,.kbVpyS h2,.kbVpyS p {
    margin: 0 auto;
    font-size: inherit
}

.kbVpyS ._nWhuN {
    z-index: 1
}

.kbVpyS .OPMO8s {
    display: block
}

@media(min-width: 641px) {
    .kbVpyS .OPMO8s {
        display:none
    }
}

.kbVpyS ._6tIDDX {
    display: none
}

@media(min-width: 641px) {
    .kbVpyS ._6tIDDX {
        display:block
    }
}

._4AI6tO {
    overflow: hidden;
    position: relative;
    height: 290px
}

@media(min-width: 1025px) {
    ._4AI6tO {
        max-width:1148px;
        margin: 0 auto
    }
}

@media(max-width: 640px) {
    ._4AI6tO {
        margin:-5px
    }

    ._4AI6tO._2hV3R7 {
        margin: 0
    }
}

._4AI6tO ._5SrUff {
    text-decoration: none;
    color: #fff
}

@media(min-width: 641px)and (max-width:1024px) {
    ._4AI6tO {
        height:320px
    }

    ._4AI6tO._2hV3R7 {
        height: 300px
    }
}

@media(min-width: 1025px) {
    ._4AI6tO {
        height:350px
    }

    ._4AI6tO.g2SAnG {
        height: 320px
    }

    ._4AI6tO._2hV3R7 {
        height: 325px
    }
}

._4AI6tO sup {
    font-family: screwfix_betaheavy;
    position: relative
}

._4AI6tO .URjuoK {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

._4AI6tO .URjuoK.tOoqMi {
    height: 75px
}

@media(min-width: 641px) {
    ._4AI6tO .URjuoK.tOoqMi {
        height:80px
    }
}

.kbVpyS {
    height: 100%
}

sup.XwU_1O {
    font-size: 32px;
    line-height: 97%;
    vertical-align: top;
    top: 3px
}

@media(min-width: 641px)and (max-width:1024px) {
    sup.XwU_1O {
        font-size:46px;
        line-height: 90%
    }
}

@media(min-width: 1025px) {
    sup.XwU_1O {
        font-size:60px;
        line-height: 82%
    }

    sup.XwU_1O.g2SAnG {
        font-size: 46px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    sup.XwU_1O {
        top:4px
    }
}

@media(min-width: 1025px) {
    sup.XwU_1O {
        top:6px
    }
}

._2y4eFf {
    font-size: 60px;
    margin-left: 2px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._2y4eFf {
        font-size:90px
    }
}

@media(min-width: 1025px) {
    ._2y4eFf {
        font-size:120px
    }

    ._2y4eFf.g2SAnG {
        font-size: 90px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._2y4eFf {
        margin-left:3px
    }
}

@media(min-width: 1025px) {
    ._2y4eFf {
        margin-left:3px
    }
}

.yuKWCd {
    font-size: 32px;
    line-height: 97%;
    vertical-align: top;
    margin-left: 1px;
    top: 3px
}

@media(min-width: 641px)and (max-width:1024px) {
    .yuKWCd {
        font-size:46px;
        line-height: 90%
    }
}

@media(min-width: 1025px) {
    .yuKWCd {
        font-size:60px;
        line-height: 82%
    }

    .yuKWCd.g2SAnG {
        font-size: 46px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .yuKWCd {
        top:4px;
        margin-left: 0
    }

    .yuKWCd:first-of-type {
        margin-left: 4px
    }
}

@media(min-width: 1025px) {
    .yuKWCd {
        top:6px
    }
}

.U_6Q5B {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-gap: 9px;
    gap: 9px;
    padding: 0
}

@media(max-width: 640px) {
    .U_6Q5B {
        gap:7px;
        padding: 7px
    }
}

@media(min-width: 1025px) {
    .Mr4eU2 {
        grid-template-columns:repeat(1,1fr)
    }

    .DK44tq {
        grid-template-columns: repeat(2,1fr)
    }

    .rEdRxI {
        grid-template-columns: repeat(3,1fr)
    }

    ._32LofV {
        grid-template-columns: repeat(4,1fr)
    }

    .Bpcjtg {
        grid-template-columns: repeat(5,1fr)
    }

    .y_yF8k {
        grid-template-columns: repeat(6,1fr)
    }

    .vBiM2R {
        grid-template-columns: repeat(7,1fr)
    }

    .bI8_Xh {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .DIjDG9 {
        grid-template-columns:repeat(1,1fr)
    }

    ._2wb5n6 {
        grid-template-columns: repeat(2,1fr)
    }

    .fouleh {
        grid-template-columns: repeat(3,1fr)
    }

    .JtrA2v {
        grid-template-columns: repeat(4,1fr)
    }

    .svT8Tg {
        grid-template-columns: repeat(5,1fr)
    }

    .ZWyClX {
        grid-template-columns: repeat(6,1fr)
    }

    .y9X15j {
        grid-template-columns: repeat(7,1fr)
    }

    .bzt6Xi {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(max-width: 640px) {
    .fIit9a {
        grid-template-columns:repeat(1,1fr)
    }

    .y0tVBX {
        grid-template-columns: repeat(2,1fr)
    }

    .U_6Q5B {
        padding: 0;
        gap: 10px
    }

    .U_6Q5B .jh_FVb {
        display: none
    }

    .U_6Q5B._02WY_s .rdsOAD {
        display: flex;
        padding: 6px
    }

    .U_6Q5B._02WY_s .PLU6OG {
        margin: auto 0;
        padding-left: 15px;
        padding-right: 7px;
        text-align: left
    }

    .U_6Q5B._02WY_s .xuGmUv {
        flex-direction: row
    }

    .U_6Q5B._02WY_s .a5FUA1 {
        float: left;
        flex-shrink: 0;
        font-size: 12px;
        width: 100px;
        overflow: hidden
    }

    .U_6Q5B._02WY_s .a5FUA1 .fzhDXo {
        left: 50%!important;
        max-width: unset;
        transform: translateX(-50%);
        position: relative
    }
}

.U_6Q5B .rdsOAD {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    padding: 9px;
    overflow: hidden
}

.U_6Q5B .rdsOAD.lUZ_H3 {
    min-height: unset
}

.U_6Q5B .PLU6OG {
    color: #0053a0;
    margin-bottom: 8px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 18px
}

@media(min-width: 641px)and (max-width:1024px) {
    .U_6Q5B .PLU6OG {
        margin-bottom:15px;
        margin-top: 22px
    }
}

@media(min-width: 1025px) {
    .U_6Q5B .PLU6OG {
        margin-top:22px;
        margin-bottom: 16px
    }
}

.U_6Q5B .xuGmUv {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    width: 100%
}

@media(min-width: 1025px) {
    .U_6Q5B .xuGmUv {
        padding-bottom:42px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .U_6Q5B .xuGmUv {
        padding:10px 10px 26px
    }
}

.U_6Q5B .jh_FVb {
    color: #636363;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 17px;
    text-align: center
}

@media(min-width: 641px)and (max-width:1024px) {
    .U_6Q5B .jh_FVb {
        padding:0 10px
    }
}

.U_6Q5B .a5FUA1 {
    font-size: 12px
}

.U_6Q5B .fzhDXo {
    width: 100%
}

.HxoDT8.HxoDT8 {
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    word-break: break-word
}

.HxoDT8 h1,.HxoDT8 h2,.HxoDT8 p {
    margin: 0 auto;
    font-size: inherit
}

.HxoDT8 .YVMzMf {
    z-index: 1
}

.HxoDT8 ._6bvuPf {
    display: block
}

@media(min-width: 641px) {
    .HxoDT8 ._6bvuPf {
        display:none
    }
}

.HxoDT8 ._752dnx {
    display: none
}

@media(min-width: 641px) {
    .HxoDT8 ._752dnx {
        display:block
    }
}

.HcpbdR {
    overflow: hidden;
    position: relative;
    height: 290px
}

@media(min-width: 1025px) {
    .HcpbdR {
        max-width:1148px;
        margin: 0 auto
    }
}

@media(max-width: 640px) {
    .HcpbdR {
        margin:-5px
    }

    .HcpbdR.lBb9iV {
        margin: 0
    }
}

.HcpbdR .kVVy3v {
    text-decoration: none;
    color: #fff
}

@media(min-width: 641px)and (max-width:1024px) {
    .HcpbdR {
        height:320px
    }

    .HcpbdR.lBb9iV {
        height: 300px
    }
}

@media(min-width: 1025px) {
    .HcpbdR {
        height:350px
    }

    .HcpbdR._05I8kz {
        height: 320px
    }

    .HcpbdR.lBb9iV {
        height: 325px
    }
}

.HcpbdR sup {
    font-family: screwfix_betaheavy;
    position: relative
}

.HcpbdR .AgMxRD {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

.HcpbdR .AgMxRD.P5BlgL {
    height: 75px
}

@media(min-width: 641px) {
    .HcpbdR .AgMxRD.P5BlgL {
        height:80px
    }
}

.HxoDT8 {
    height: 100%
}

.m5i67e {
    box-sizing: border-box;
    position: relative;
    text-align: left;
    overflow: hidden;
    height: 282px;
    z-index: 2;
    padding: 16px 0 0 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .m5i67e {
        height:312px;
        padding: 18px 0 0 12px
    }
}

@media(min-width: 1025px) {
    .m5i67e {
        height:342px;
        padding: 18px 0 0 12px
    }

    .m5i67e._05I8kz {
        height: 312px
    }
}

@media(min-width: 641px) {
    .m5i67e {
        padding:20px 0 0 12px
    }
}

.m5i67e.P5BlgL {
    height: 215px
}

@media(min-width: 641px)and (max-width:1024px) {
    .m5i67e.P5BlgL {
        height:240px
    }

    .m5i67e.P5BlgL.lBb9iV {
        height: 220px
    }
}

@media(min-width: 1025px) {
    .m5i67e.P5BlgL {
        height:270px
    }

    .m5i67e.P5BlgL.lBb9iV {
        height: 245px
    }

    .m5i67e.P5BlgL._05I8kz {
        height: 240px
    }
}

.yIra5N.OgFuuU {
    font-family: screwfix_betaheavy;
    font-size: 60px;
    line-height: 43px
}

.yIra5N.OgFuuU sup {
    vertical-align: top
}

@media(min-width: 641px) {
    .yIra5N.OgFuuU {
        font-size:90px
    }

    ._05I8kz .yIra5N.OgFuuU,.yIra5N.OgFuuU {
        line-height: 64px
    }
}

.yIra5N.OgFuuU .aG5KGM {
    font-size: 28px;
    line-height: 20px
}

@media(min-width: 641px)and (max-width:1024px) {
    .yIra5N.OgFuuU .aG5KGM {
        font-size:46px
    }
}

@media(min-width: 1025px) {
    .yIra5N.OgFuuU .aG5KGM {
        font-size:60px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .yIra5N.OgFuuU .aG5KGM {
        line-height:33px
    }
}

@media(min-width: 1025px) {
    .yIra5N.OgFuuU .aG5KGM {
        line-height:43px
    }

    ._05I8kz .yIra5N.OgFuuU .aG5KGM {
        line-height: 33px;
        font-size: 46px
    }
}

.yIra5N.OgFuuU ._39rjoS {
    font-size: 49px;
    line-height: 35px
}

@media(min-width: 641px)and (max-width:1024px) {
    .yIra5N.OgFuuU ._39rjoS {
        font-size:60px
    }
}

@media(min-width: 1025px) {
    .yIra5N.OgFuuU ._39rjoS {
        font-size:69px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .yIra5N.OgFuuU ._39rjoS {
        line-height:43px
    }
}

@media(min-width: 1025px) {
    .yIra5N.OgFuuU ._39rjoS {
        line-height:49px
    }

    ._05I8kz .yIra5N.OgFuuU ._39rjoS {
        line-height: 43px;
        font-size: 60px
    }
}

.yIra5N.OgFuuU .q2ndtt {
    font-size: 60px;
    line-height: 43px
}

@media(min-width: 641px) {
    .yIra5N.OgFuuU .q2ndtt {
        font-size:90px;
        line-height: 64px
    }

    ._05I8kz .yIra5N.OgFuuU .q2ndtt {
        line-height: 64px
    }
}

.yIra5N.OgFuuU .HWyHAe {
    font-size: 69px;
    line-height: 71%
}

@media(min-width: 641px) {
    .yIra5N.OgFuuU .HWyHAe {
        font-size:120px
    }
}

._05I8kz .yIra5N.OgFuuU .HWyHAe {
    line-height: 71%
}

@media(min-width: 641px) {
    .lBb9iV .yIra5N.OgFuuU .HWyHAe {
        font-size:90px
    }
}

.yIra5N.OgFuuU p,.yIra5N.OgFuuU span {
    display: block;
    margin-bottom: 8px
}

@media(min-width: 641px)and (max-width:1024px) {
    .yIra5N.OgFuuU p,.yIra5N.OgFuuU span {
        margin-bottom:12px
    }
}

@media(min-width: 1025px) {
    .yIra5N.OgFuuU p,.yIra5N.OgFuuU span {
        margin-bottom:14px
    }

    ._05I8kz .yIra5N.OgFuuU p,._05I8kz .yIra5N.OgFuuU span {
        margin-bottom: 12px
    }
}

.yIra5N.OgFuuU ._1YShkK {
    line-height: 15px
}

._5lmr3Z {
    font-size: 16px;
    line-height: 18px;
    font-family: screwfix_betaregular;
    margin-top: -1px;
    line-height: 115%
}

@media(min-width: 641px) {
    ._5lmr3Z {
        margin-top:0
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5lmr3Z {
        font-size:18px;
        line-height: 22px
    }
}

@media(min-width: 1025px) {
    ._5lmr3Z {
        font-size:24px;
        line-height: 29px
    }

    ._05I8kz ._5lmr3Z {
        font-size: 18px;
        line-height: 22px;
        margin-top: 2px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5lmr3Z {
        margin-top:-5px;
        line-height: 125%
    }
}

@media(min-width: 1025px) {
    ._5lmr3Z {
        margin-top:-5px;
        line-height: 125%
    }
}

.QkS0f4 {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    overflow: hidden;
    padding: 28px 7px
}

@media(min-width: 1025px) {
    .QkS0f4 {
        padding:42px 38px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .QkS0f4 {
        padding:24px 20px
    }
}

.QkS0f4 .d7IMMG {
    color: #0053a0;
    margin-top: 0;
    margin-bottom: 13px
}

.QkS0f4 .lJA_N_ {
    border: 1px solid #d1d1d1;
    margin-bottom: 14px
}

@media(min-width: 641px) {
    .QkS0f4 .lJA_N_ {
        margin-bottom:17px
    }
}

.QkS0f4 ._5i9wgF {
    grid-gap: 10px;
    gap: 10px;
    display: grid;
    grid-gap: 51px;
    gap: 51px;
    padding: 0
}

@media(max-width: 640px) {
    .QkS0f4 ._5i9wgF {
        gap:7px;
        padding: 7px
    }
}

@media(min-width: 1025px) {
    .QkS0f4 ._OMJeX {
        grid-template-columns:repeat(1,1fr)
    }

    .QkS0f4 .pqWuR9 {
        grid-template-columns: repeat(2,1fr)
    }

    .QkS0f4 ._0Oa0J {
        grid-template-columns: repeat(3,1fr)
    }

    .QkS0f4 .EDWStL {
        grid-template-columns: repeat(4,1fr)
    }

    .QkS0f4 .HtP7zg {
        grid-template-columns: repeat(5,1fr)
    }

    .QkS0f4 .NHuysT {
        grid-template-columns: repeat(6,1fr)
    }

    .QkS0f4 .XFf_R7 {
        grid-template-columns: repeat(7,1fr)
    }

    .QkS0f4 ._54ISi {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .QkS0f4 .k54fBp {
        grid-template-columns:repeat(1,1fr)
    }

    .QkS0f4 .UiM3Ne {
        grid-template-columns: repeat(2,1fr)
    }

    .QkS0f4 .z9POna {
        grid-template-columns: repeat(3,1fr)
    }

    .QkS0f4 .Z5fn8l {
        grid-template-columns: repeat(4,1fr)
    }

    .QkS0f4 .QlwP1J {
        grid-template-columns: repeat(5,1fr)
    }

    .QkS0f4 .vRJG5m {
        grid-template-columns: repeat(6,1fr)
    }

    .QkS0f4 ._7Fabt9 {
        grid-template-columns: repeat(7,1fr)
    }

    .QkS0f4 .TP25Vl {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(max-width: 640px) {
    .QkS0f4 .ZPOdl6 {
        grid-template-columns:repeat(1,1fr)
    }

    .QkS0f4 .K3XTD_ {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width: 1024px) {
    .QkS0f4 ._5i9wgF {
        gap:20px;
        padding: 0
    }
}

.QkS0f4 ._5i9wgF ._4Yhv16 {
    position: relative
}

@media(min-width: 1025px) {
    .QkS0f4 ._5i9wgF ._4Yhv16 .gYzQgn {
        border-left:1px solid #d1d1d1;
        height: 100%;
        left: -26px;
        padding-right: 25px;
        position: absolute;
        top: 0;
        width: 1px
    }

    .QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd {
        display: flex;
        margin-bottom: 23px
    }
}

.QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd p:last-of-type {
    margin-bottom: 0
}

.QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .S_oosu {
    float: left;
    font-size: 12px;
    height: 50px
}

@media(min-width: 1025px) {
    .QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .S_oosu {
        clear:both
    }
}

.QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .hIo1a_ {
    color: #0053a0;
    font-size: 18px;
    margin: 0 0 0 65px
}

@media(min-width: 1025px) {
    .QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .hIo1a_ {
        margin:auto 0 auto 15px;
        padding-right: 25px;
        word-wrap: break-word
    }
}

.QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .SrM0O_ {
    color: #636363;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 17px;
    margin-left: 65px;
    margin-top: 3px;
    padding-bottom: 2px
}

@media(min-width: 1025px) {
    .QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .SrM0O_ {
        display:none
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .QkS0f4 ._5i9wgF ._4Yhv16 .or1hkd .SrM0O_ {
        margin-right:15px
    }
}

.QkS0f4 ._5i9wgF ._4Yhv16 .NikcEE {
    color: #636363;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 17px;
    display: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 10px
}

@media(min-width: 1025px) {
    .QkS0f4 ._5i9wgF ._4Yhv16 .NikcEE {
        display:block
    }
}

.QkS0f4 .Cb8Dwz {
    display: block;
    overflow: hidden;
    object-fit: contain;
    width: 100%
}

@media(max-width: 1024px) {
    .QkS0f4 .Cb8Dwz {
        display:none
    }
}

._7LbFMB {
    grid-column: 1/-1
}

._7LbFMB ._0vuQ5F {
    display: flex;
    padding-bottom: 8px;
    margin-bottom: 6px;
    border-bottom: 1px solid #d1d1d1
}

._7LbFMB ._0vuQ5F .aEkrTS {
    font-family: screwfix_betabold;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #0053a0;
    margin-bottom: 0;
    margin-top: 0
}

@media(min-width: 641px) {
    ._7LbFMB ._0vuQ5F .aEkrTS {
        font-size:27px;
        line-height: 32px
    }

    ._7LbFMB ._0vuQ5F {
        margin-bottom: 9px
    }
}

._7LbFMB ._0vuQ5F .aEkrTS {
    display: inline
}

._7LbFMB ._0vuQ5F .FOsHA_ {
    width: 28px;
    flex-shrink: 0
}

._7LbFMB ._0vuQ5F .KNAoQv {
    display: block;
    font-family: screwfix_betaregular;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    align-self: end;
    margin-left: auto;
    margin-top: 5px
}

._7LbFMB .ac2Rme {
    color: #636363;
    font-family: archivo_narrowregular,sans-serif;
    text-align: left;
    line-height: 19px;
    flex-basis: 100%;
    margin-top: 16px;
    margin-bottom: 6px;
    letter-spacing: -.04px
}

@media(min-width: 641px) {
    ._7LbFMB .ac2Rme {
        margin-top:20px
    }
}

.kKDzJF {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    padding: 0
}

@media(max-width: 640px) {
    .kKDzJF {
        gap:7px;
        padding: 7px
    }
}

@media(min-width: 1025px) {
    .qrvobL {
        grid-template-columns:repeat(1,1fr)
    }

    .nUIEhc {
        grid-template-columns: repeat(2,1fr)
    }

    .ODo4fO {
        grid-template-columns: repeat(3,1fr)
    }

    .SicWsN {
        grid-template-columns: repeat(4,1fr)
    }

    ._5Bkd8V {
        grid-template-columns: repeat(5,1fr)
    }

    .fMnVug {
        grid-template-columns: repeat(6,1fr)
    }

    .dAZpGa {
        grid-template-columns: repeat(7,1fr)
    }

    .vYK9l0 {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._NbFte {
        grid-template-columns:repeat(1,1fr)
    }

    .vojSvw {
        grid-template-columns: repeat(2,1fr)
    }

    .kL2j_y {
        grid-template-columns: repeat(3,1fr)
    }

    .v2PQNK {
        grid-template-columns: repeat(4,1fr)
    }

    .G3xy7v {
        grid-template-columns: repeat(5,1fr)
    }

    .zHAm3c {
        grid-template-columns: repeat(6,1fr)
    }

    .jsEoHu {
        grid-template-columns: repeat(7,1fr)
    }

    .DSs0af {
        grid-template-columns: repeat(8,1fr)
    }
}

@media(max-width: 640px) {
    .AKHYQ9 {
        grid-template-columns:repeat(1,1fr)
    }

    .YyLuJp {
        grid-template-columns: repeat(2,1fr)
    }
}

.kKDzJF a {
    text-decoration: underline
}

.kKDzJF a,.kKDzJF a:focus,.kKDzJF a:hover {
    color: #0053a0
}

.kKDzJF a:focus {
    outline: 2px dotted #a9a9a9;
    outline-offset: 1px
}

.kKDzJF p {
    margin: 0 0 12px
}

@media(min-width: 1025px) {
    .kKDzJF {
        max-width:1148px;
        margin: 0 auto;
        width: 100%
    }
}

@media(max-width: 640px) {
    .kKDzJF {
        gap:10px;
        padding: 0
    }
}

.kKDzJF .Fjnu0s {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    padding-bottom: 15px
}

@media(min-width: 1025px) {
    .kKDzJF .Fjnu0s {
        padding-bottom:20px
    }
}

.kKDzJF .XyVAvr {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    height: 100%;
    min-width: 0
}

.kKDzJF .XyVAvr .aEkrTS {
    color: #0053a0;
    font-family: screwfix_betaregular;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    text-align: center;
    align-self: center;
    padding: 16px
}

@media(min-width: 641px) {
    .kKDzJF .XyVAvr .aEkrTS {
        padding:19px 19px 0
    }
}

.kKDzJF .XyVAvr.A4zblb {
    min-height: unset
}

.kKDzJF .XyVAvr.A4zblb .aEkrTS {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding-bottom: 15px
}

@media(min-width: 1025px) {
    .kKDzJF .XyVAvr.A4zblb .aEkrTS {
        padding-bottom:20px
    }
}

.kKDzJF .XyVAvr.A4zblb .Fjnu0s {
    padding-bottom: 0
}

.kKDzJF ._0vqt9s {
    color: #636363;
    font-family: archivo_narrowregular,sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 10px 13px 0
}

@media(min-width: 1025px) {
    .kKDzJF ._0vqt9s {
        padding:10px 26px 0
    }
}

.kKDzJF .Vn_2OC {
    font-size: 12px
}

.kKDzJF ._4QQJpX {
    overflow: hidden;
    width: 100%;
    height: auto
}

@media(max-width: 640px) {
    .kKDzJF .Vn_2OC {
        overflow:hidden
    }

    .kKDzJF ._0vuQ5F>.aEkrTS {
        flex-grow: 0;
        max-width: 215px
    }

    .kKDzJF.q_IVhC .XyVAvr.A4zblb {
        padding-bottom: 15px
    }

    .kKDzJF.q_IVhC .XyVAvr .aEkrTS {
        padding: 16px 20px 0;
        margin: 0
    }

    .kKDzJF.q_IVhC .XyVAvr ._0vqt9s {
        padding-top: 6px
    }

    .kKDzJF._RGuEu .XyVAvr.A4zblb {
        padding-bottom: 15px
    }

    .kKDzJF._RGuEu .ac2Rme {
        margin-bottom: 6px
    }

    .kKDzJF._RGuEu ._0vuQ5F>.aEkrTS {
        max-width: 215px
    }

    .kKDzJF._RGuEu .XyVAvr .aEkrTS {
        padding-bottom: 0;
        text-align: center;
        align-self: stretch
    }

    .kKDzJF.JLbjva {
        padding: 0
    }

    .kKDzJF.JLbjva .XyVAvr {
        display: flex
    }

    .kKDzJF.JLbjva .XyVAvr .aEkrTS {
        text-align: left;
        justify-content: start
    }

    .kKDzJF.JLbjva .XyVAvr ._0vqt9s {
        display: none
    }

    .kKDzJF.JLbjva .Fjnu0s {
        flex-direction: row;
        padding-bottom: 0
    }

    .kKDzJF.JLbjva .Vn_2OC {
        justify-content: space-between;
        width: 94px;
        flex-shrink: 0
    }

    .kKDzJF.JLbjva .Vn_2OC ._4QQJpX {
        height: 77px
    }
}

._q3JUP._q3JUP {
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    word-break: break-word
}

._q3JUP h1,._q3JUP h2,._q3JUP p {
    margin: 0 auto;
    font-size: inherit
}

._q3JUP .diEDuB {
    z-index: 1
}

._q3JUP ._7Jnyfx {
    display: block
}

@media(min-width: 641px) {
    ._q3JUP ._7Jnyfx {
        display:none
    }
}

._q3JUP .wAHdxj {
    display: none
}

@media(min-width: 641px) {
    ._q3JUP .wAHdxj {
        display:block
    }
}

.VhZ3CJ {
    overflow: hidden;
    position: relative;
    height: 290px
}

@media(min-width: 1025px) {
    .VhZ3CJ {
        max-width:1148px;
        margin: 0 auto
    }
}

@media(max-width: 640px) {
    .VhZ3CJ {
        margin:-5px
    }

    .VhZ3CJ._1Lk4q0 {
        margin: 0
    }
}

.VhZ3CJ ._2JscLf {
    text-decoration: none;
    color: #fff
}

@media(min-width: 641px)and (max-width:1024px) {
    .VhZ3CJ {
        height:320px
    }

    .VhZ3CJ._1Lk4q0 {
        height: 300px
    }
}

@media(min-width: 1025px) {
    .VhZ3CJ {
        height:350px
    }

    .VhZ3CJ._5F89Rf {
        height: 320px
    }

    .VhZ3CJ._1Lk4q0 {
        height: 325px
    }
}

.VhZ3CJ sup {
    font-family: screwfix_betaheavy;
    position: relative
}

.VhZ3CJ .ZCAy0R {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

.VhZ3CJ .ZCAy0R._7tXI6r {
    height: 75px
}

@media(min-width: 641px) {
    .VhZ3CJ .ZCAy0R._7tXI6r {
        height:80px
    }
}

._q3JUP {
    height: 100%
}

.CdK_VD {
    box-sizing: border-box;
    position: relative;
    text-align: left;
    padding: 13px 0 0 10px;
    overflow: hidden;
    height: 282px;
    z-index: 2
}

@media(min-width: 641px)and (max-width:1024px) {
    .CdK_VD {
        height:312px;
        padding: 18px 0 0 12px
    }
}

@media(min-width: 1025px) {
    .CdK_VD {
        height:342px;
        padding: 18px 0 0 12px
    }

    .CdK_VD._5F89Rf {
        height: 312px
    }
}

.CdK_VD._7tXI6r {
    height: 215px
}

@media(min-width: 641px)and (max-width:1024px) {
    .CdK_VD._7tXI6r {
        height:240px
    }

    .CdK_VD._7tXI6r._1Lk4q0 {
        height: 220px
    }
}

@media(min-width: 1025px) {
    .CdK_VD._7tXI6r {
        height:270px
    }

    .CdK_VD._7tXI6r._1Lk4q0 {
        height: 245px
    }

    .CdK_VD._7tXI6r._5F89Rf {
        height: 240px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .CdK_VD .K8_d70 {
        margin-bottom:5px
    }
}

.yGDU4a {
    font-family: screwfix_betaheavy
}

.yGDU4a span {
    line-height: 89%
}

@media(min-width: 641px)and (max-width:1024px) {
    .yGDU4a span {
        line-height:88%
    }
}

@media(min-width: 1025px) {
    .yGDU4a span {
        line-height:85%
    }

    ._5F89Rf .yGDU4a span {
        line-height: 88%
    }
}

.yGDU4a sup {
    vertical-align: top
}

.CYwaDg {
    margin-top: 5px
}

@media(min-width: 641px) {
    .CYwaDg {
        margin-top:8px
    }
}

._qRhGg {
    font-size: 16px;
    line-height: 18px;
    font-family: screwfix_betaregular;
    margin-top: 1px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._qRhGg {
        font-size:18px;
        line-height: 22px
    }
}

@media(min-width: 1025px) {
    ._qRhGg {
        font-size:24px;
        line-height: 29px
    }

    ._5F89Rf ._qRhGg {
        font-size: 18px;
        line-height: 22px;
        margin-top: 2px
    }
}

.K8_d70 {
    display: grid;
    line-height: 50%;
    justify-content: start;
    align-content: center;
    grid-gap: 0 7px;
    grid-template-rows: 50% 1fr
}

@media(min-width: 641px) {
    .K8_d70 {
        grid-template-rows:50% 1fr;
        grid-gap: 1px 9px
    }
}

@media(min-width: 1025px) {
    ._5F89Rf .K8_d70 {
        margin-bottom:5px
    }
}

.K8_d70 .aYSdVl {
    font-size: 49px;
    align-self: baseline;
    grid-row: 1/-1
}

@media(min-width: 641px)and (max-width:1024px) {
    .K8_d70 .aYSdVl {
        font-size:60px
    }
}

@media(min-width: 1025px) {
    .K8_d70 .aYSdVl {
        font-size:69px
    }

    ._5F89Rf .K8_d70 .aYSdVl {
        font-size: 60px;
        line-height: 80%
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .K8_d70 .aYSdVl {
        line-height:80%
    }
}

.K8_d70 ._1yEtw3,.K8_d70 .yfnfvu {
    font-size: 22px
}

@media(min-width: 641px)and (max-width:1024px) {
    .K8_d70 ._1yEtw3,.K8_d70 .yfnfvu {
        font-size:26px
    }
}

@media(min-width: 1025px) {
    .K8_d70 ._1yEtw3,.K8_d70 .yfnfvu {
        font-size:31px
    }

    ._5F89Rf .K8_d70 ._1yEtw3,._5F89Rf .K8_d70 .yfnfvu {
        font-size: 26px
    }
}

.K8_d70 ._1yEtw3 {
    grid-row: 1/2;
    align-self: start;
    line-height: 83%
}

@media(max-width: 640px) {
    .K8_d70 ._1yEtw3 {
        align-self:end
    }
}

@media(min-width: 1025px) {
    .K8_d70 ._1yEtw3 {
        line-height:91%
    }
}

._5F89Rf .K8_d70 ._1yEtw3 {
    line-height: 89%
}

.K8_d70 .yfnfvu {
    align-self: start;
    grid-row: 2/3
}

.eH1TMC {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    gap: 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .eH1TMC {
        grid-template-columns:repeat(3,1fr)
    }
}

@media(min-width: 1025px) {
    .eH1TMC {
        grid-template-columns:repeat(6,1fr)
    }
}

.eH1TMC div {
    min-width: 0
}

.eH1TMC .P53tU7 {
    font-family: screwfix_betabold;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #0053a0;
    margin-bottom: 0;
    margin-top: 0
}

@media(min-width: 641px) {
    .eH1TMC .P53tU7 {
        font-size:27px;
        line-height: 32px
    }
}

.eH1TMC .P53tU7 {
    grid-column: 1/-1;
    width: 100%;
    padding-bottom: 9px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1d1d1
}

.eH1TMC .ZoKlyQ {
    position: relative;
    display: flex;
    max-height: 166px;
    border: 1px solid #d1d1d1;
    padding-bottom: 10px;
    background-color: #fff;
    font-family: screwfix_betaregular;
    text-decoration: none;
    color: #636363
}

@media(min-width: 641px) {
    .eH1TMC .ZoKlyQ {
        display:block;
        max-height: 320px;
        height: 320px;
        padding-bottom: 12px
    }
}

.eH1TMC .ZkrEcO {
    padding: 10px 0 0 10px
}

@media(max-width: 640px) {
    .eH1TMC .ZkrEcO {
        flex-shrink:0;
        flex-basis: 140px
    }
}

@media(min-width: 641px) {
    .eH1TMC .ZkrEcO {
        padding:10px 10px 0;
        display: flex;
        justify-content: center
    }
}

.eH1TMC .ZkrEcO .j7czit {
    object-fit: contain
}

.eH1TMC .zfl0Zi {
    position: absolute;
    top: 7px;
    left: 7px;
    max-width: 50px
}

@media(min-width: 641px) {
    .eH1TMC .zfl0Zi {
        top:12px;
        right: 12px;
        left: unset
    }
}

.eH1TMC .cWO5Pb {
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    height: 76px;
    padding: 10px 6px 0 11px
}

@media(min-width: 641px) {
    .eH1TMC .cWO5Pb {
        padding:6px 6px 0 11px
    }
}

.eH1TMC .tcRi74 {
    display: flex;
    flex-direction: column;
    padding-top: 2px;
    overflow: hidden;
    max-height: 82px
}

@media(min-width: 641px) {
    .eH1TMC .tcRi74 {
        height:80px;
        max-height: unset
    }
}

.eH1TMC .tcRi74 .GY0cPG,.eH1TMC .tcRi74 .LAm4dx,.eH1TMC .tcRi74 .O_mOvI {
    padding: 0 2px 0 11px
}

.eH1TMC .tcRi74 .LAm4dx {
    font-size: 12px;
    line-height: 1
}

.eH1TMC .tcRi74 ._3aqLmF {
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    padding: 2px 4px 4px 11px
}

.eH1TMC .tcRi74 .dy2iJX {
    vertical-align: top
}

.eH1TMC .tcRi74 .yiKAsN {
    display: inline-block;
    word-break: break-word;
    width: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    margin-left: 7px
}

.eH1TMC .tcRi74 .GY0cPG,.eH1TMC .tcRi74 .O_mOvI {
    font-size: 14px;
    line-height: 1
}

.eH1TMC .tcRi74 .GY0cPG {
    color: #d0030b
}

.eH1TMC .tcRi74 .O_mOvI+.GY0cPG {
    padding-top: 3px
}

.UUfxV1.UUfxV1 {
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    word-break: break-word
}

.UUfxV1 h1,.UUfxV1 h2,.UUfxV1 p {
    margin: 0 auto;
    font-size: inherit
}

.UUfxV1 .OPFGqU {
    z-index: 1
}

.UUfxV1 .HNIBGP {
    display: block
}

@media(min-width: 641px) {
    .UUfxV1 .HNIBGP {
        display:none
    }
}

.UUfxV1 .jXJmn4 {
    display: none
}

@media(min-width: 641px) {
    .UUfxV1 .jXJmn4 {
        display:block
    }
}

.o9W6yR {
    overflow: hidden;
    position: relative;
    height: 290px
}

@media(min-width: 1025px) {
    .o9W6yR {
        max-width:1148px;
        margin: 0 auto
    }
}

@media(max-width: 640px) {
    .o9W6yR {
        margin:-5px
    }

    .o9W6yR.YyXFca {
        margin: 0
    }
}

.o9W6yR .flXyLL {
    text-decoration: none;
    color: #fff
}

@media(min-width: 641px)and (max-width:1024px) {
    .o9W6yR {
        height:320px
    }

    .o9W6yR.YyXFca {
        height: 300px
    }
}

@media(min-width: 1025px) {
    .o9W6yR {
        height:350px
    }

    .o9W6yR.EUceOJ {
        height: 320px
    }

    .o9W6yR.YyXFca {
        height: 325px
    }
}

.o9W6yR sup {
    font-family: screwfix_betaheavy;
    position: relative
}

.o9W6yR .TR_u4Z {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

.o9W6yR .TR_u4Z.jdh2sw {
    height: 75px
}

@media(min-width: 641px) {
    .o9W6yR .TR_u4Z.jdh2sw {
        height:80px
    }
}

.UUfxV1 {
    height: 100%
}

.eJBNqb {
    position: relative;
    font-family: screwfix_betaheavy
}

@media(min-width: 641px) {
    .eJBNqb {
        position:relative;
        top: -7px
    }
}

.eJBNqb sup {
    vertical-align: top;
    margin-left: 2px
}

@media(min-width: 641px) {
    .eJBNqb sup {
        margin-left:5px
    }
}

.nD9mEY {
    font-size: 60px;
    font-family: screwfix_betaheavy
}

@media(min-width: 641px)and (max-width:1024px) {
    .nD9mEY {
        font-size:90px
    }
}

@media(min-width: 1025px) {
    .nD9mEY {
        font-size:120px
    }

    .nD9mEY.EUceOJ {
        font-size: 90px
    }
}

.NDPFp7 {
    font-size: 32px;
    line-height: 97%;
    vertical-align: top;
    margin-left: 2px;
    font-family: screwfix_betaheavy;
    top: 0
}

@media(min-width: 641px)and (max-width:1024px) {
    .NDPFp7 {
        font-size:46px;
        line-height: 90%
    }
}

@media(min-width: 1025px) {
    .NDPFp7 {
        font-size:60px;
        line-height: 82%
    }

    .NDPFp7.EUceOJ {
        font-size: 46px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .NDPFp7 {
        margin-left:4px;
        line-height: 114%
    }
}

@media(min-width: 1025px) {
    .NDPFp7 {
        margin-left:4px;
        line-height: 104%
    }
}

.NLThDm {
    align-items: center;
    background-color: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.NLThDm .OPGjhI {
    height: 50px;
    width: 30px;
    opacity: 1
}

.Q6uqJF {
    overflow: hidden
}

.Q6uqJF .slick-next,.Q6uqJF .slick-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    height: unset;
    background: unset;
    border-radius: 0;
    padding: 0;
    width: calc(12.5% - 8.75px);
    z-index: 1
}

.Q6uqJF .slick-next:before,.Q6uqJF .slick-prev:before {
    display: none
}

.Q6uqJF .slick-prev {
    left: 0
}

.Q6uqJF .slick-next {
    right: 1px
}

.Q6uqJF .TcDhTx .oYeWvI {
    border-bottom: 2px solid #d1d1d1;
    color: #0053a0;
    font-family: archivo_narrowbold,sans-serif;
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 6px;
    margin: 0 0 20px
}

@media(min-width: 641px) {
    .Q6uqJF .TcDhTx .oYeWvI {
        font-size:22px;
        line-height: 30px
    }
}

.Q6uqJF .hGc1Kd {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: repeat(8,1fr)
}

.Q6uqJF .Ki9pCV {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    position: relative
}

.Q6uqJF .Ki9pCV .oYeWvI {
    color: #0053a0;
    font-family: screwfix_betaregular;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 10px 6px 12px 5px
}

@media(max-width: 1024px) {
    .Q6uqJF .Ki9pCV {
        height:100%;
        width: 103.75px
    }
}

.Q6uqJF .YMJlvW {
    display: block
}

.Q6uqJF .YMJlvW .slick-track {
    display: grid;
    grid-auto-flow: column;
    width: calc(100% - 1px)!important;
    grid-auto-columns: calc(12.5% - 8.75px);
    grid-gap: 10px
}

@media(max-width: 1024px) {
    .Q6uqJF .YMJlvW .slick-track {
        grid-auto-columns:103.75px
    }
}

.Q6uqJF .YMJlvW .slick-slide {
    padding: 0
}

.Q6uqJF .YMJlvW .slick-slide>div {
    height: calc(100% - 1px)
}

.Q6uqJF .YMJlvW:not(.GieZfc) .slick-prev {
    display: none!important
}

.Q6uqJF .YMJlvW .Ki9pCV {
    height: 100%;
    width: 103.75px
}

@media(min-width: 1025px) {
    .Q6uqJF .YMJlvW .Ki9pCV {
        width:100%
    }
}

.Q6uqJF .h22GV3 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.Q6uqJF .h22GV3,.QnZHP5.QnZHP5 {
    overflow: hidden;
    text-decoration: none;
    width: 100%
}

.QnZHP5.QnZHP5 {
    color: #fff;
    text-align: center;
    word-break: break-word
}

.QnZHP5 h1,.QnZHP5 h2,.QnZHP5 p {
    margin: 0 auto;
    font-size: inherit
}

.QnZHP5 ._9qZgGh {
    z-index: 1
}

.QnZHP5 .hl1yi_ {
    display: block
}

@media(min-width: 641px) {
    .QnZHP5 .hl1yi_ {
        display:none
    }
}

.QnZHP5 .Q7rVL8 {
    display: none
}

@media(min-width: 641px) {
    .QnZHP5 .Q7rVL8 {
        display:block
    }
}

.JDH4u3 {
    overflow: hidden;
    position: relative;
    height: 290px
}

@media(min-width: 1025px) {
    .JDH4u3 {
        max-width:1148px;
        margin: 0 auto
    }
}

@media(max-width: 640px) {
    .JDH4u3 {
        margin:-5px
    }

    .JDH4u3.J_7CJ0 {
        margin: 0
    }
}

.JDH4u3 .GWf5_k {
    text-decoration: none;
    color: #fff
}

@media(min-width: 641px)and (max-width:1024px) {
    .JDH4u3 {
        height:320px
    }

    .JDH4u3.J_7CJ0 {
        height: 300px
    }
}

@media(min-width: 1025px) {
    .JDH4u3 {
        height:350px
    }

    .JDH4u3.x151Df {
        height: 320px
    }

    .JDH4u3.J_7CJ0 {
        height: 325px
    }
}

.JDH4u3 sup {
    font-family: screwfix_betaheavy;
    position: relative
}

.JDH4u3 .MeLzv4 {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

.JDH4u3 .MeLzv4.o4uobm {
    height: 75px
}

@media(min-width: 641px) {
    .JDH4u3 .MeLzv4.o4uobm {
        height:80px
    }
}

.QnZHP5 {
    height: 100%
}

.S_jzsz {
    box-sizing: border-box;
    position: relative;
    text-align: left;
    padding: 13px 0 0 10px;
    overflow: hidden;
    height: 282px;
    z-index: 2
}

@media(min-width: 641px)and (max-width:1024px) {
    .S_jzsz {
        height:312px;
        padding: 18px 0 0 12px
    }
}

@media(min-width: 1025px) {
    .S_jzsz {
        height:342px;
        padding: 18px 0 0 12px
    }

    .S_jzsz.x151Df {
        height: 312px
    }
}

.S_jzsz.o4uobm {
    height: 215px
}

@media(min-width: 641px)and (max-width:1024px) {
    .S_jzsz.o4uobm {
        height:240px
    }

    .S_jzsz.o4uobm.J_7CJ0 {
        height: 220px
    }
}

@media(min-width: 1025px) {
    .S_jzsz.o4uobm {
        height:270px
    }

    .S_jzsz.o4uobm.J_7CJ0 {
        height: 245px
    }

    .S_jzsz.o4uobm.x151Df {
        height: 240px
    }
}

._5Vsept {
    font-size: 49px;
    font-family: screwfix_betaheavy;
    text-transform: uppercase
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5Vsept {
        font-size:60px
    }
}

@media(min-width: 1025px) {
    ._5Vsept {
        font-size:69px
    }
}

.x151Df ._5Vsept {
    font-size: 60px
}

@media(max-width: 640px) {
    .x151Df ._5Vsept {
        font-size:49px
    }
}

.pGOV5a {
    font-size: 16px;
    line-height: 18px;
    font-family: screwfix_betaregular;
    margin-top: 1px
}

@media(min-width: 641px)and (max-width:1024px) {
    .pGOV5a {
        font-size:18px;
        line-height: 22px
    }
}

@media(min-width: 1025px) {
    .pGOV5a {
        font-size:24px;
        line-height: 29px
    }

    .x151Df .pGOV5a {
        font-size: 18px;
        line-height: 22px;
        margin-top: 2px
    }
}

._gLjHY {
    font-family: screwfix_betaheavy
}

._gLjHY span {
    line-height: 89%
}

@media(min-width: 641px)and (max-width:1024px) {
    ._gLjHY span {
        line-height:88%
    }
}

@media(min-width: 1025px) {
    ._gLjHY span {
        line-height:85%
    }

    .x151Df ._gLjHY span {
        line-height: 88%
    }
}

._gLjHY sup {
    vertical-align: top
}

.uOn_6b {
    align-items: center;
    background-color: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.uOn_6b .c2mynr {
    height: 50px;
    width: 30px;
    opacity: 1
}

._1NRGOk.idxJzq,._1NRGOk.t3dRfi {
    overflow: visible;
    margin: 0 5px 12px 10px
}

@media(min-width: 1025px) {
    ._1NRGOk.idxJzq,._1NRGOk.t3dRfi {
        margin:0 0 40px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._1NRGOk.idxJzq,._1NRGOk.t3dRfi {
        margin:0 0 20px
    }
}

._1NRGOk.idxJzq .ntNF_d,._1NRGOk.t3dRfi .ntNF_d {
    margin-right: -5px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._1NRGOk.idxJzq .ntNF_d,._1NRGOk.t3dRfi .ntNF_d {
        margin-right:-12px
    }
}

@media(min-width: 1025px) {
    ._1NRGOk.idxJzq .ntNF_d,._1NRGOk.t3dRfi .ntNF_d {
        margin:0
    }
}

.xVThY7 {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0
}

@media(max-width: 640px) {
    .xVThY7._0QecJd {
        display:none
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .xVThY7._11ghg_ {
        display:none
    }
}

@media(min-width: 1025px) {
    .xVThY7._4dD8ga {
        display:none
    }
}

.xVThY7.IG7akY .fjBAMb {
    max-width: unset
}

.NnX_zi .A_p7bC {
    display: flex;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    text-align: unset;
    padding: 0;
    margin: 0;
    align-items: center;
    color: inherit
}

.NnX_zi .A_p7bC[aria-expanded]:focus {
    outline: 0;
    background-color: #f6f6f6
}

@supports(-webkit-touch-callout:none) {
    .NnX_zi .A_p7bC[aria-expanded]:hover {
        background-color: #f6f6f6
    }
}

@supports(-webkit-backdrop-filter: blur(1px)) and (not (-webkit-touch-callout:none)) {
    .NnX_zi._4usRFK .A_p7bC {
        background-color:#f6f6f6
    }
}

.NnX_zi .ICKK1P {
    flex: 1 1
}

.NnX_zi .Zuse7x {
    margin-left: .5em;
    width: 1em
}

.NnX_zi .rnIXbh {
    position: absolute;
    font-size: 24px;
    height: 22px;
    line-height: 22px;
    right: 23px
}

.NnX_zi .rnIXbh.i4D1z4 {
    font-size: 28px;
    line-height: 18px
}

.NnX_zi .OA5uTC {
    overflow: hidden
}

.NnX_zi ._4usRFK .OA5uTC {
    display: block
}

.tmZjDc {
    max-width: 936px;
    margin: -10px 12px 30px
}

.LBPt0S {
    padding: 2px;
    margin-bottom: 31px;
    margin-top: -15px
}

@media(min-width: 641px) {
    .LBPt0S {
        padding:3px;
        margin-top: 0;
        margin-bottom: 29px
    }
}

.L4WkXJ {
    margin: 0 0 20px
}

@media(min-width: 1025px) {
    .L4WkXJ {
        margin:0 0 18px
    }
}

@media(min-width: 641px) {
    .tmZjDc {
        margin:0 76px 40px 135px
    }
}

@media(min-width: 1025px) {
    .tmZjDc {
        margin:-3px 55px 30px 170px
    }
}

._4mb2wZ {
    border-spacing: 1px 0;
    border-color: #fff;
    border-style: solid;
    border-width: 2px 1px;
    outline: 2px solid #ed1c24;
    width: 100%
}

._4mb2wZ.uLtRr0 {
    outline: none;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
    border-spacing: 0
}

.NvclnX {
    padding: 2px 0;
    font: 700 14px/17px screwfix_betabold;
    text-transform: uppercase;
    color: #fff;
    background-color: #ed1c24
}

@media(min-width: 641px) {
    .NvclnX {
        padding:6px 0;
        font: 700 24px/29px screwfix_betabold
    }

    .NvclnX.uLtRr0 {
        font: 700 18px/16px screwfix_betabold
    }
}

._1Vscs4 {
    padding: 3px 0;
    font: 700 11px/13px Arial,sans-serif;
    color: #fff;
    background-color: #636363;
    border-bottom: 1px solid #fff
}

._1Vscs4.uLtRr0 {
    padding: 3.5px 0 1.5px;
    font: 700 11px/12.65px Arial,sans-serif
}

._1Vscs4 .Yz7g27 {
    color: #fee502
}

@media(min-width: 641px) {
    ._1Vscs4 {
        padding:8px 0;
        font: 700 13px/15px Arial,sans-serif
    }
}

._1Vscs4.uLtRr0:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.tw5edW {
    color: #fee502
}

.v8tMyu {
    position: absolute;
    top: 0;
    background-color: transparent;
    margin-left: 40%;
    z-index: 1
}

@media(max-width: 640px) {
    .v8tMyu._2xCMnz {
        display:none
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .v8tMyu._57PiCI {
        display:none
    }
}

@media(min-width: 1025px) {
    .v8tMyu.ftOQlp {
        display:none
    }
}

.v8tMyu.HAflHt .pfTX89 {
    max-width: unset
}

.pyqRqd {
    padding: 7px 0;
    font: 700 11px/13px Arial,sans-serif;
    text-align: center;
    color: #636363;
    background-color: #e9e9e9
}

@media(min-width: 641px) {
    .pyqRqd {
        font:700 12px/14px Arial,sans-serif
    }
}

.pyqRqd._Il6iL {
    padding: 4px 0
}

.pyqRqd .V_10Mo {
    font: italic 400 10px Arial,sans-serif
}

.mufgER {
    font: 400 11px/13px Arial,sans-serif;
    width: 24.6%
}

@media(min-width: 641px) {
    .mufgER {
        width:24%
    }
}

.vJG0LF {
    width: 47.5%
}

@media(min-width: 641px) {
    .vJG0LF {
        width:48.5%
    }
}

.vJG0LF._Il6iL {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.XaOIDZ {
    position: absolute;
    width: 11px;
    margin-left: 4px;
    fill: #3e961b
}

.gxqz_F {
    position: relative
}

.JEoWo_ {
    max-width: 936px;
    margin: -10px 12px 30px
}

@media(min-width: 641px) {
    .JEoWo_ {
        margin:0 76px 40px 135px
    }
}

@media(min-width: 1025px) {
    .JEoWo_ {
        margin-left:165px
    }
}

.AcEw1C {
    padding: 2px;
    max-width: 715px;
    background-color: #ed1c24
}

.AcEw1C .BjvRPs {
    padding: 7px 21px 5px;
    text-transform: uppercase;
    text-align: center
}

.GtLOiR {
    display: inline-block;
    color: #fee502;
    font-family: screwfix_betabold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px
}

@media(min-width: 641px) {
    .GtLOiR {
        font-size:24px;
        line-height: 29px
    }
}

.VjSlkx {
    display: inline-block;
    font-family: screwfix_betabold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

@media(min-width: 641px) {
    .VjSlkx {
        font-size:24px;
        line-height: 29px
    }
}

._3IwBUx {
    background-color: #fff
}

.viaTn6 {
    display: flex;
    align-items: center
}

.viaTn6 ._h_Udc {
    margin: 12px 0 9px 15px;
    flex-shrink: 0;
    height: 100px;
    width: 100px
}

.viaTn6 ._h_Udc img {
    display: block;
    overflow: hidden;
    text-transform: lowercase
}

@media(min-width: 641px) {
    .viaTn6 ._h_Udc {
        margin:8px 0 9px 22px
    }
}

.OPWYTd {
    justify-content: center
}

@media(min-width: 641px) {
    .OPWYTd {
        justify-content:flex-start
    }
}

.Sz_3tJ {
    margin-top: 15px;
    display: none
}

.Sz_3tJ span {
    padding: 5px 8px
}

@media(min-width: 641px) {
    .Sz_3tJ {
        display:flex;
        align-items: center;
        margin: 0 28px 0 45px
    }
}

.pehCst {
    display: flex;
    align-items: flex-start;
    margin: 20px 15px 23px 10px
}

.pehCst>:first-child {
    margin-right: 10px;
    height: 21px;
    width: 21px;
    transform: translateY(15%)
}

@media(min-width: 641px) {
    .pehCst {
        margin-left:45px
    }
}

.Swf6iu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 15px 0 0;
    font-family: archivo_narrowbold,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #d0030b
}

.Swf6iu :first-child {
    font-size: 16px;
    line-height: 22px;
    color: #0053a0
}

@media(min-width: 641px) {
    .Swf6iu {
        font-size:18px;
        line-height: 24px
    }

    .Swf6iu :first-child {
        font-size: 22px;
        line-height: 30px
    }
}

.ZmzFc0 {
    margin-top: 15px
}

@media(min-width: 641px) {
    .ZmzFc0 {
        display:none
    }
}

._7DPQmN {
    margin-top: 30px;
    font-family: archivo_narrowbold,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #0053a0
}

@media(min-width: 641px) {
    ._7DPQmN {
        font-size:22px;
        line-height: 30px;
        text-align: left
    }
}

.IAMYtU {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 12px
}

.IAMYtU .FvzBX1 {
    margin: 0 0 12px;
    line-height: 30px;
    color: #0053a0;
    font-family: archivo_narrowbold,sans-serif;
    font-size: 22px
}

@media(max-width: 640px) {
    .IAMYtU .FvzBX1 {
        padding:0 10px;
        font-size: 20px;
        line-height: 27px
    }
}

.IAMYtU .uhES2P {
    padding: 9px 20px;
    border: 1px solid #d1d1d1;
    border-radius: 18px;
    background-color: #fff;
    color: #0053a0;
    text-decoration: none;
    font-family: screwfix_betaregular;
    font-size: 16px;
    line-height: 16px
}

.IAMYtU .uhES2P:hover {
    color: #636363;
    background-color: #e5e5e5
}

.IAMYtU .oeVci1 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@media(max-width: 640px) {
    .IAMYtU .oeVci1 {
        display:none
    }
}

.IAMYtU ._1x3UPd {
    max-height: 36px
}

@media(min-width: 641px) {
    .IAMYtU ._1x3UPd {
        display:none
    }
}

.IAMYtU ._1x3UPd .slick-track {
    overflow: hidden
}

.IAMYtU ._1x3UPd .slick-slide {
    padding: 0 6px 0 10px
}

.IAMYtU.cEhVo1 {
    padding: 12px 0
}

@media(max-width: 640px) {
    .IAMYtU.cEhVo1 {
        padding-bottom:14px
    }
}

.IAMYtU.cEhVo1 .FvzBX1 {
    padding: 0 12px;
    margin-bottom: 6px;
    color: #fff;
    font-family: screwfix_betabold;
    font-size: 27px;
    line-height: 32px
}

@media(max-width: 640px) {
    .IAMYtU.cEhVo1 .FvzBX1 {
        margin-bottom:12px;
        padding: 0 10px;
        font-size: 24px;
        line-height: 24px
    }
}

.IAMYtU.cEhVo1 .uhES2P {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.IAMYtU.cEhVo1 .oeVci1 {
    padding: 0 12px
}

.vEiL9O.vEiL9O {
    width: calc(100vw - 40px)
}

.vEiL9O.vEiL9O div[data-qaid=tablet-lightbox-overlay-action-buttons] {
    padding: 0 48px 48px
}

.vEiL9O.vEiL9O div[data-qaid=mobile-lightbox-overlay-action-buttons] {
    padding: 0 12px
}

.vEiL9O.vEiL9O button[data-qaid=button-continue-shopping] {
    width: 100%;
    padding-right: 0
}

.vEiL9O.vEiL9O button[data-qaid=button-continue-shopping] svg,.vEiL9O.vEiL9O button[data-qaid=button-continue-shopping]:after {
    display: none
}

._2jMkhn {
    padding: 24px 16px 0
}

@media(min-width: 641px) {
    ._2jMkhn {
        padding:48px 48px 14px
    }
}

.Hc32Li,.gHXFJ7 {
    color: #0053a0;
    font: 700 18px/24px archivo_narrowbold,sans-serif;
    margin: 0;
    padding-bottom: 20px
}

@media(min-width: 641px) {
    .Hc32Li,.gHXFJ7 {
        font-size:22px
    }
}

.gHXFJ7 {
    color: #636363
}

.zFFcWo>a,.zFFcWo>div {
    margin-bottom: 20px
}

._2OtnXp {
    background: #f6f6f6;
    border-top: 1px solid #d1d1d1;
    padding: 16px 0 25px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._2OtnXp {
        padding:16px 14px 36px
    }
}

@media(min-width: 1025px) {
    ._2OtnXp {
        padding:16px 50px 36px
    }
}

.OVj5ue {
    padding: 0 5px
}