.elementor-314914 .elementor-element.elementor-element-61f3fd8{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-314914 .elementor-element.elementor-element-61f3fd8:not(.elementor-motion-effects-element-type-background), .elementor-314914 .elementor-element.elementor-element-61f3fd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-314914 .elementor-element.elementor-element-51c6074{background-color:#FDFDFD;padding:3px 15px 3px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DADADA;border-radius:100px 100px 100px 100px;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:#010405;}.elementor-314914 .elementor-element.elementor-element-2b5e4e9{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-314914 .elementor-element.elementor-element-2b5e4e9 .elementor-heading-title{font-size:54px;font-weight:800;color:#010405;}.elementor-314914 .elementor-element.elementor-element-a6d9b79{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#444444;}.elementor-314914 .elementor-element.elementor-element-7c3a839{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-314914 .elementor-element.elementor-element-7c3a839:not(.elementor-motion-effects-element-type-background), .elementor-314914 .elementor-element.elementor-element-7c3a839 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-314914 .elementor-element.elementor-element-29a51a2{width:100%;max-width:100%;}@media(max-width:767px){.elementor-314914 .elementor-element.elementor-element-2b5e4e9{width:100%;max-width:100%;}.elementor-314914 .elementor-element.elementor-element-2b5e4e9 .elementor-heading-title{font-size:34px;}.elementor-314914 .elementor-element.elementor-element-a6d9b79{font-size:16px;}}@media(min-width:768px){.elementor-314914 .elementor-element.elementor-element-61f3fd8{--content-width:1600px;}.elementor-314914 .elementor-element.elementor-element-7c3a839{--content-width:1600px;}}/* Start custom CSS for shortcode, class: .elementor-element-29a51a2 *//* Ensure the grid container is full width */
.f1d-state-grid-container {
    display: grid;
    gap: 15px;
    width: 100%;
    margin-bottom: 40px;
}

/* DESKTOP: 5 Columns (Matches your plugin) */
@media (min-width: 1201px) {
    .f1d-state-grid-container { grid-template-columns: repeat(5, 1fr); }
}

/* TABLET: 3 Columns */
@media (min-width: 901px) and (max-width: 1200px) {
    .f1d-state-grid-container { grid-template-columns: repeat(3, 1fr); }
}

/* MOBILE: 2 Columns (Standard Whatnot Mobile Look) */
@media (max-width: 900px) {
    .f1d-state-grid-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }
}

/* THE STATE CARD: Exact Whatnot Styling */
.f1d-state-card {
    background: #fff;
    border: 1px solid var(--wn-border);
    border-radius: 12px;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none !important;
    color: var(--wn-black);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    min-height: 70px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    text-transform: uppercase; /* Makes it look cleaner/more UI-like */
}

/* HOVER: Black background, white text */
.f1d-state-card:hover {
    border-color: var(--wn-black);
    background: var(--wn-black);
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Back Button Styling */
.f1d-back-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: #f5f5f5;
    border-radius: 8px;
    font-weight: 700;
    color: var(--wn-black);
    text-decoration: none !important;
    font-size: 13px;
    margin-bottom: 20px;
    transition: background 0.2s;
}
.f1d-back-btn:hover {
    background: #e0e0e0;
}/* End custom CSS */