.module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.one-column #content .module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.two-column #content .module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1276.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1276>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1276.blocks-grid>.module-body>.auto-grid{--grid-min-width:300px;--auto-grow-type:auto-fit;--item-width:var(--item-fit)}.module-blocks-1276.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1276.blocks-grid>.module-body>.auto-grid>.auto-grid-items{grid-auto-flow:row dense;overflow-x:initial;padding-inline-start:unset;padding-inline-end:unset}.module-blocks-1276.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1276.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1276.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1276.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1276.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1276.blocks-grid>.module-body>.auto-grid .auto-carousel-controls{--auto-carousel-controls-max-width:min(min(var(--content-max-width,100%) - var(--scroll-padding,0px)*2,var(--content-max-width,100%) - var(--content-gutter,0)*2),100% - var(--scroll-padding,0px)*2)}.module-blocks-1276 .module-body .block-item:before{display:none}.module-blocks-1276 .module-body .block-header .title{order:-1} .module-blocks-1276 .module-item-1>.block-body{height:100%}.module-blocks-1276 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1276 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1276 .module-item-1 .block-content{column-count:initial}.module-blocks-1276 .module-item-1 .block-footer .btn{transform:scale(calc(100/100));transform-origin:center} /* =========================================================
   RICKS RIGZ - TACKLE SHOP HUB
   UNIQUE STYLING
   ========================================================= */

.rr-tackle-hub {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 42px 24px 50px;

    color: #fff;

    box-sizing: border-box;
}


/* =========================================================
   INTRO
   ========================================================= */

/* =========================================================
   PREMIUM INTRO BOX
   ========================================================= */

.rr-tackle-hub__intro {
    position: relative;

    max-width: 920px;

    margin: 0 auto 34px;

    padding: 34px 38px 32px;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(212, 175, 55, 0.08),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(17, 17, 17, 0.98),
            rgba(6, 6, 6, 0.98)
        );

    border: 1px solid rgba(212, 175, 55, 0.48);

    border-radius: 12px;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.42),
        inset 0 0 0 1px rgba(255, 215, 106, 0.025);

    overflow: hidden;

    box-sizing: border-box;
}


/* Gold premium line across the top */
.rr-tackle-hub__intro::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 130px;
    height: 2px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #8a6419,
            #ffd76a,
            #b88625,
            transparent
        );
}


/* Subtle glow */
.rr-tackle-hub__intro::after {
    content: "";

    position: absolute;

    top: -100px;
    left: 50%;

    width: 380px;
    height: 180px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(212, 175, 55, 0.08),
            transparent 70%
        );

    pointer-events: none;
}


/* Keep content above decorative layer */
.rr-tackle-hub__intro > * {
    position: relative;
    z-index: 1;
}


.rr-tackle-hub__eyebrow {
    display: inline-block;

    margin-bottom: 11px;

    color: #d4af37;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.rr-tackle-hub__intro h1 {
    max-width: 780px;

    margin: 0 auto 16px;

    color: #ffffff;

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;

    line-height: 1.08;

    text-transform: uppercase;
}


.rr-tackle-hub__intro p {
    max-width: 760px;

    margin: 0 auto;

    color: #c3c3c3;

    font-size: 15px;

    line-height: 1.8;
}

/* =========================================================
   THREE CARD GRID
   ========================================================= */

.rr-tackle-hub__grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 34px;
}


/* =========================================================
   CARD
   ========================================================= */

.rr-tackle-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 390px;

    padding: 30px 26px 26px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(212, 175, 55, 0.08),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #111 0%,
            #070707 65%,
            #050505 100%
        );

    border: 1px solid rgba(212, 175, 55, 0.46);

    border-radius: 12px;

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 215, 106, 0.025);

    color: #fff !important;

    text-decoration: none !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}


.rr-tackle-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 26px;

    width: 72px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #8a6419,
            #ffd76a,
            #b88625
        );
}


.rr-tackle-card:hover {
    transform: translateY(-5px);

    border-color: rgba(255, 215, 106, 0.9);

    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.5),
        0 0 24px rgba(212, 175, 55, 0.08);

    color: #fff !important;

    text-decoration: none !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

.rr-tackle-card__number {
    position: absolute;

    top: 20px;
    right: 22px;

    color: rgba(212, 175, 55, 0.3);

    font-size: 17px;
    font-weight: 900;

    letter-spacing: 1px;
}


/* =========================================================
   ICON
   ========================================================= */

.rr-tackle-card__icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;

    margin-bottom: 27px;

    border: 1px solid rgba(212, 175, 55, 0.35);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(212, 175, 55, 0.10),
            rgba(0, 0, 0, 0)
        );
}


.rr-tackle-card__icon svg {
    width: 35px;
    height: 35px;

    fill: none;

    stroke: #d4af37;
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   CARD COPY
   ========================================================= */

.rr-tackle-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}


.rr-tackle-card__label {
    margin-bottom: 6px;

    color: #d4af37;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.rr-tackle-card h2 {
    margin: 0 0 13px;

    color: #fff;

    font-size: 25px;
    font-weight: 900;

    line-height: 1.15;

    text-transform: uppercase;
}


.rr-tackle-card p {
    margin: 0 0 25px;

    color: #bdbdbd;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   BUTTON
   ========================================================= */

.rr-tackle-card__button {
    display: flex;

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

    width: 100%;

    margin-top: auto;

    padding: 13px 16px;

    border: 1px solid rgba(212, 175, 55, 0.6);

    border-radius: 6px;

    background:
        linear-gradient(
            145deg,
            rgba(212, 175, 55, 0.08),
            rgba(212, 175, 55, 0.02)
        );

    color: #ffd76a;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 0.7px;

    box-sizing: border-box;

    transition:
        background .2s ease,
        color .2s ease;
}


.rr-tackle-card:hover .rr-tackle-card__button {
    background:
        linear-gradient(
            90deg,
            #b88625,
            #e4bd42,
            #b88625
        );

    color: #050505;
}


/* =========================================================
   SEO CONTENT SECTION
   ========================================================= */

.rr-tackle-hub__seo {
    display: grid;

    grid-template-columns: 0.8fr 1.2fr;

    gap: 45px;

    margin-top: 45px;

    padding: 30px;

    background:
        linear-gradient(
            145deg,
            #0c0c0c,
            #060606
        );

    border: 1px solid rgba(212, 175, 55, 0.3);

    border-radius: 10px;
}


.rr-tackle-hub__seo-heading span {
    display: block;

    margin-bottom: 8px;

    color: #d4af37;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.rr-tackle-hub__seo-heading h2 {
    margin: 0;

    color: #fff;

    font-size: 26px;
    font-weight: 900;

    line-height: 1.2;

    text-transform: uppercase;
}


.rr-tackle-hub__seo-copy p {
    margin: 0 0 15px;

    color: #bdbdbd;

    font-size: 14px;

    line-height: 1.8;
}


.rr-tackle-hub__seo-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .rr-tackle-hub__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rr-tackle-card:last-child {
        grid-column: 1 / -1;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rr-tackle-hub {
        padding: 26px 7px 35px;
    }


    .rr-tackle-hub__intro {
        margin-bottom: 24px;

        padding: 0 8px;
    }


    .rr-tackle-hub__intro h1 {
        font-size: 28px;
    }


    .rr-tackle-hub__intro p {
        font-size: 14px;
    }


    .rr-tackle-hub__grid {
        display: grid;

        grid-template-columns: 1fr;

        gap: 12px;

        margin-top: 25px;
    }


    .rr-tackle-card,
    .rr-tackle-card:last-child {
        grid-column: auto;

        min-height: 0;

        padding: 24px 20px 20px;
    }


    .rr-tackle-card__icon {
        width: 58px;
        height: 58px;

        margin-bottom: 20px;
    }


    .rr-tackle-card h2 {
        font-size: 22px;
    }


    .rr-tackle-hub__seo {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 28px;

        padding: 23px 19px;
    }


    .rr-tackle-hub__seo-heading h2 {
        font-size: 22px;
    }

}

@media (max-width: 767px) {

    .rr-tackle-hub__intro {
        margin-bottom: 22px;

        padding: 25px 18px 24px;

        border-radius: 9px;
    }

    .rr-tackle-hub__intro h1 {
        font-size: 27px;
    }

    .rr-tackle-hub__intro p {
        font-size: 14px;
        line-height: 1.65;
    }

}