/* ======================================================================
   Neelu Organics - Flipkart-inspired My Account shell
   Scope: store/account.php only (.fk-account-page)
   Branding remains Neelu; account/business logic is untouched.
   ====================================================================== */

.fk-account-page{
    --fk-bg:#f1f3f6;
    --fk-card:#fff;
    --fk-line:#e5e7eb;
    --fk-text:#212121;
    --fk-muted:#878787;
    --fk-accent:#087525;
    --fk-accent-soft:#eef8ef;
    padding-top:18px;
    padding-bottom:56px;
}

.fk-account-breadcrumb{
    margin-bottom:14px;
    font-size:13px;
    color:#6b7280;
}

.fk-account-layout{
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start;
}

.fk-account-sidebar{
    min-width:0;
    position:sticky;
    top:16px;
    align-self:start;
    max-height:none;
    overflow-y:visible;
    overscroll-behavior:auto;
    scrollbar-width:auto;
}

.fk-account-user-card,
.fk-account-nav,
.fk-account-content{
    background:var(--fk-card);
    box-shadow:0 1px 4px rgba(0,0,0,.10);
}

.fk-account-user-card{
    min-height:92px;
    padding:16px;
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:12px;
}

.fk-account-avatar{
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--fk-accent-soft);
    color:var(--fk-accent);
    font-size:22px;
    font-weight:800;
    border:1px solid #dcefdc;
}

.fk-account-user-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.25;
}

.fk-account-user-copy span{
    font-size:12px;
    color:#6b7280;
    margin-bottom:3px;
}

.fk-account-user-copy strong{
    color:var(--fk-text);
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fk-account-user-copy small{
    margin-top:4px;
    color:#878787;
    font-size:11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fk-account-nav.nsc-account-menu{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    max-width:none !important;
}

.fk-nav-group{
    border-bottom:1px solid var(--fk-line);
    padding:10px 0;
}

.fk-nav-group:last-child{border-bottom:0}

.fk-nav-heading{
    min-height:42px;
    padding:8px 18px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#878787;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
}

.fk-nav-heading svg{
    width:20px;
    height:20px;
    color:var(--fk-accent);
    stroke-width:2;
}

.fk-account-nav.nsc-account-menu a{
    min-height:42px;
    width:100% !important;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:9px 18px 9px 50px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#212121 !important;
    font-size:13px;
    font-weight:500;
    white-space:normal !important;
    text-decoration:none;
}

.fk-account-nav.nsc-account-menu a > svg{
    width:15px;
    height:15px;
    flex:0 0 auto;
    color:#9ca3af;
}

.fk-account-nav.nsc-account-menu a:hover,
.fk-account-nav.nsc-account-menu a:focus-visible,
.fk-account-nav.nsc-account-menu a.active,
.fk-account-nav.nsc-account-menu a.active-sub{
    background:var(--fk-accent-soft) !important;
    color:var(--fk-accent) !important;
}

.fk-account-nav.nsc-account-menu a.active{
    font-weight:700;
}

.fk-nav-logout a{
    justify-content:flex-start !important;
    padding-left:18px !important;
    gap:12px !important;
}

.fk-nav-logout a svg{
    width:20px !important;
    height:20px !important;
    color:var(--fk-accent) !important;
}

.fk-account-content{
    min-width:0;
    min-height:520px;
    padding:0;
}

.fk-account-content > .nsc-panel,
.fk-account-content > .nsc-card.nsc-panel{
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:28px 30px !important;
    min-height:520px;
}

.fk-account-content h2{
    color:#212121;
    font-size:20px;
    line-height:1.3;
    margin-top:0;
}

.fk-account-content h3{
    color:#212121;
}

.fk-account-content .nsc-muted,
.fk-account-content p{
    color:#4b5563;
}

.fk-account-content .nsc-policy-grid{
    gap:16px;
}

.fk-account-content .nsc-policy{
    border:1px solid var(--fk-line) !important;
    border-radius:2px !important;
    box-shadow:none !important;
    background:#fff;
}

.fk-account-content .nsc-btn-primary{
    background:var(--fk-accent) !important;
    border-color:var(--fk-accent) !important;
}

.fk-account-content .nsc-input,
.fk-account-content .nsc-select,
.fk-account-content .nsc-textarea{
    border-radius:2px !important;
}

.fk-account-content #saved-addresses{
    scroll-margin-top:22px;
}

/* Profile Information now owns all delivery-address management. */
.fk-profile-address-section{
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid var(--fk-line);
    scroll-margin-top:24px;
}

.fk-profile-address-heading{
    margin-bottom:16px;
}

.fk-profile-address-heading h3{
    margin:0 0 5px !important;
    font-size:18px;
}

.fk-profile-address-heading p{
    margin:0 !important;
}

.fk-saved-address-title{
    margin:0 0 12px;
    color:var(--fk-text);
    font-size:14px;
    font-weight:700;
}

/* Tablet: keep classic Flipkart two-column account layout. */
@media (max-width:980px){
    .fk-account-layout.nsc-account-grid{
        grid-template-columns:220px minmax(0,1fr) !important;
        gap:12px !important;
    }
    .fk-account-sidebar{
        position:sticky;
        top:12px;
        align-self:start;
        max-height:none;
        overflow-y:visible;
        overscroll-behavior:auto;
    }
    .fk-account-content > .nsc-panel,
    .fk-account-content > .nsc-card.nsc-panel{
        padding:22px !important;
    }
}

/* Phone: preserve left navigation + right content as requested by the user. */
@media (max-width:620px){
    .fk-account-page{
        width:calc(100% - 14px) !important;
        padding-top:12px !important;
        padding-bottom:50px !important;
    }

    .fk-account-breadcrumb{
        margin:0 0 10px !important;
        font-size:11px;
    }

    .fk-account-layout.nsc-account-grid{
        display:grid !important;
        grid-template-columns:108px minmax(0,1fr) !important;
        gap:8px !important;
        align-items:start;
    }

    .fk-account-sidebar{
        position:sticky !important;
        top:8px !important;
        align-self:start !important;
        max-height:none !important;
        overflow-y:visible !important;
        overflow-x:visible !important;
        overscroll-behavior:auto !important;
    }

    .fk-account-user-card{
        min-height:0;
        padding:10px 8px;
        gap:7px;
        margin-bottom:8px;
        flex-direction:column;
        align-items:flex-start;
    }

    .fk-account-avatar{
        width:34px;
        height:34px;
        flex-basis:34px;
        font-size:14px;
    }

    .fk-account-user-copy span{font-size:9px}
    .fk-account-user-copy strong{font-size:11px;max-width:92px}
    .fk-account-user-copy small{display:none}

    .fk-nav-group{padding:6px 0}

    .fk-nav-heading{
        min-height:30px;
        padding:6px 7px;
        gap:5px;
        font-size:8px;
        line-height:1.15;
    }

    .fk-nav-heading svg{
        width:13px;
        height:13px;
    }

    .fk-account-nav.nsc-account-menu a{
        min-height:35px;
        padding:7px 6px 7px 25px !important;
        font-size:10px;
        line-height:1.2;
    }

    .fk-account-nav.nsc-account-menu a > svg{
        width:11px;
        height:11px;
    }

    .fk-nav-logout a{
        padding-left:7px !important;
        gap:5px !important;
    }

    .fk-nav-logout a svg{
        width:13px !important;
        height:13px !important;
    }

    .fk-account-content{
        min-width:0 !important;
        width:100% !important;
        overflow:hidden;
        min-height:0;
    }

    .fk-account-content > .nsc-panel,
    .fk-account-content > .nsc-card.nsc-panel{
        padding:13px 10px !important;
        min-height:0;
        overflow:hidden;
    }

    .fk-account-content h2{
        font-size:16px !important;
        line-height:1.25;
    }

    .fk-account-content h3{font-size:14px !important}
    .fk-account-content p,
    .fk-account-content .nsc-muted{
        font-size:11px !important;
        overflow-wrap:anywhere;
    }

    .fk-account-content .nsc-policy-grid,
    .fk-account-content .nsc-form-grid{
        grid-template-columns:1fr !important;
        gap:9px !important;
    }

    .fk-account-content .nsc-policy{
        padding:11px !important;
    }

    .fk-account-content .nsc-policy div[style*="font-size:26px"]{
        font-size:19px !important;
    }

    .fk-account-content .nsc-input,
    .fk-account-content .nsc-select,
    .fk-account-content .nsc-textarea{
        width:100% !important;
        min-width:0 !important;
        font-size:12px !important;
        padding-inline:8px !important;
    }

    .fk-account-content .nsc-actions{
        display:flex !important;
        flex-direction:column;
        gap:7px !important;
    }

    .fk-account-content .nsc-btn{
        width:100% !important;
        min-width:0 !important;
        padding-inline:7px !important;
        font-size:10px !important;
    }

    .fk-account-content .nsc-table-wrap{
        width:100% !important;
        overflow-x:auto !important;
    }

    .fk-account-content .nsc-table{
        min-width:520px !important;
    }
}

@media (max-width:620px){
    .fk-profile-address-section{
        margin-top:18px;
        padding-top:16px;
    }

    .fk-profile-address-heading{
        margin-bottom:12px;
    }

    .fk-profile-address-heading h3{
        font-size:14px !important;
    }

    .fk-saved-address-title{
        font-size:12px;
        margin-bottom:9px;
    }
}

@media (max-width:390px){
    .fk-account-layout.nsc-account-grid{
        grid-template-columns:100px minmax(0,1fr) !important;
        gap:6px !important;
    }
    .fk-account-nav.nsc-account-menu a{
        padding-left:22px !important;
        font-size:9px;
    }
    .fk-account-content > .nsc-panel,
    .fk-account-content > .nsc-card.nsc-panel{
        padding:12px 8px !important;
    }
}

/* ======================================================================
   Mobile Orders filters
   Keep All Orders / Cancelled / Returns in one row without affecting
   other My Account action groups.
   ====================================================================== */
@media (max-width:620px){
    .fk-account-content .fk-order-filters{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
        width:100% !important;
        margin-bottom:12px !important;
        align-items:stretch !important;
    }

    .fk-account-content .fk-order-filters .nsc-btn{
        width:100% !important;
        min-width:0 !important;
        min-height:38px !important;
        padding:5px 3px !important;
        font-size:9px !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }
}

@media (max-width:350px){
    .fk-account-content .fk-order-filters{
        gap:3px !important;
    }

    .fk-account-content .fk-order-filters .nsc-btn{
        font-size:8px !important;
        padding-inline:2px !important;
    }
}



/* ======================================================================
   Account top quick links - Orders / Wishlist / Cart
   Kept separate from responsive-v2.css so the locked stylesheet remains
   unchanged. The three primary actions stay on one row on every viewport.
   ====================================================================== */
.fk-account-quicklinks{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:0 0 16px;
}

.fk-account-quicklink{
    min-width:0;
    min-height:72px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    background:#fff;
    color:#212121;
    text-decoration:none;
    border:1px solid #e5e7eb;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.fk-account-quicklink:hover,
.fk-account-quicklink:focus-visible,
.fk-account-quicklink.active{
    border-color:#b8ddb8;
    background:#f4fbf4;
    box-shadow:0 2px 6px rgba(8,117,37,.08);
    outline:none;
}

.fk-account-quickicon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#eef8ef;
    color:#087525;
}

.fk-account-quickicon svg{
    width:20px;
    height:20px;
    stroke-width:2;
}

.fk-account-quickcopy{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
}

.fk-account-quickcopy strong{
    min-width:0;
    font-size:14px;
    line-height:1.2;
    color:#212121;
}

.fk-account-quickcopy small{
    flex:0 0 auto;
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#087525;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

@media (max-width:620px){
    .fk-account-quicklinks{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
        margin:0 0 9px !important;
    }

    .fk-account-quicklink{
        min-height:58px;
        padding:7px 5px;
        gap:5px;
        flex-direction:column;
        justify-content:center;
        text-align:center;
        box-shadow:none;
    }

    .fk-account-quickicon{
        width:25px;
        height:25px;
        flex-basis:25px;
    }

    .fk-account-quickicon svg{
        width:14px;
        height:14px;
    }

    .fk-account-quickcopy{
        width:auto;
        justify-content:center;
        gap:4px;
    }

    .fk-account-quickcopy strong{
        font-size:9px;
        white-space:nowrap;
    }

    .fk-account-quickcopy small{
        min-width:17px;
        height:17px;
        padding:0 4px;
        font-size:8px;
    }
}

@media (max-width:350px){
    .fk-account-quicklinks{gap:3px !important}
    .fk-account-quicklink{padding-inline:3px}
    .fk-account-quickcopy strong{font-size:8px}
}

/* ======================================================================
   Flipkart-style Orders / Wishlist / Cart product listings
   Scope: My Account only. responsive-v2.css remains untouched.
   ====================================================================== */
.fk-commerce-panel{
    background:#f5f6f8 !important;
}

.fk-commerce-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 0 18px;
}

.fk-commerce-section-head > div{
    min-width:0;
}

.fk-commerce-section-head h2{
    margin:0 0 4px !important;
}

.fk-commerce-section-head p{
    margin:0 !important;
    font-size:13px;
    color:#6b7280 !important;
}

.fk-commerce-head-action{
    flex:0 0 auto;
    min-width:118px;
    text-align:center;
}

.fk-commerce-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:0;
}

.fk-commerce-row{
    position:relative;
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:96px minmax(180px,1fr) 110px minmax(210px,285px) 105px;
    align-items:center;
    gap:18px;
    min-height:122px;
    padding:16px 18px;
    color:#212121;
    text-decoration:none;
    background:#fff;
    border:1px solid #dde1e6;
    border-radius:3px;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}

.fk-commerce-row:hover,
.fk-commerce-row:focus-visible{
    color:#212121;
    border-color:#cfd5dc;
    box-shadow:0 3px 10px rgba(0,0,0,.09);
    outline:none;
}

.fk-commerce-media{
    width:96px;
    height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#fff;
}

.fk-commerce-media img{
    display:block;
    width:100%;
    height:100% !important;
    object-fit:contain;
    object-position:center;
}

.fk-commerce-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    align-self:center;
}

.fk-commerce-info strong{
    display:block;
    min-width:0;
    color:#212121;
    font-size:14px;
    line-height:1.35;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.fk-commerce-info small{
    display:block;
    color:#878787;
    font-size:12px;
    line-height:1.35;
    overflow-wrap:anywhere;
}

.fk-commerce-price{
    min-width:0;
    color:#212121;
    font-size:14px;
    line-height:1.3;
    font-weight:600;
    white-space:nowrap;
}

.fk-commerce-status{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:7px;
    color:#212121;
}

.fk-status-title{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:8px;
    line-height:1.35;
}

.fk-status-title > i{
    flex:0 0 10px;
    width:10px;
    height:10px;
    margin-top:4px;
    border-radius:50%;
    background:#f59e0b;
}

.fk-status-title strong{
    min-width:0;
    font-size:13px;
    font-weight:600;
    overflow-wrap:anywhere;
}

.fk-commerce-status > small{
    padding-left:18px;
    color:#4b5563;
    font-size:11px;
    line-height:1.4;
    overflow-wrap:anywhere;
}

.fk-commerce-status.is-success .fk-status-title > i{background:#26a541}
.fk-commerce-status.is-danger .fk-status-title > i{background:#ff6161}
.fk-commerce-status.is-returned .fk-status-title > i{background:#7c3aed}
.fk-commerce-status.is-transit .fk-status-title > i{background:#2874f0}
.fk-commerce-status.is-pending .fk-status-title > i{background:#f59e0b}

.fk-commerce-action{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    color:#087525;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.fk-commerce-action svg{
    width:15px;
    height:15px;
    flex:0 0 15px;
    stroke-width:2;
}

.fk-commerce-empty{
    padding:34px 20px;
    text-align:center;
    color:#6b7280;
    font-size:13px;
    background:#fff;
    border:1px solid #e5e7eb;
}

.fk-return-requests{
    margin-top:20px;
}

.fk-return-requests h3{
    margin:0 0 10px;
    font-size:15px;
}

.fk-return-request{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 15px;
    margin-top:8px;
    color:#212121;
    text-decoration:none;
    background:#fff;
    border:1px solid #e5e7eb;
}

.fk-return-request > span:first-child{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.fk-return-request strong{font-size:13px}
.fk-return-request small{font-size:11px;color:#6b7280;overflow-wrap:anywhere}

/* Laptop / smaller desktop */
@media (max-width:1180px){
    .fk-commerce-row{
        grid-template-columns:82px minmax(150px,1fr) 90px minmax(170px,230px) 92px;
        gap:12px;
        padding:14px;
    }
    .fk-commerce-media{
        width:82px;
        height:78px;
    }
    .fk-commerce-info strong{font-size:13px}
    .fk-commerce-price{font-size:13px}
    .fk-status-title strong{font-size:12px}
    .fk-commerce-status > small{font-size:10px}
    .fk-commerce-action{font-size:11px}
}

/* Tablet: preserve the product-row feel but give status its own line. */
@media (max-width:820px) and (min-width:621px){
    .fk-commerce-row{
        grid-template-columns:72px minmax(0,1fr) 82px;
        grid-template-areas:
            "media info price"
            "media status action";
        gap:8px 12px;
        min-height:110px;
        padding:13px;
    }
    .fk-commerce-media{grid-area:media;width:72px;height:70px}
    .fk-commerce-info{grid-area:info}
    .fk-commerce-price{grid-area:price;text-align:right}
    .fk-commerce-status{grid-area:status}
    .fk-commerce-action{grid-area:action}
    .fk-commerce-status > small{padding-left:17px}
}

/* Phone: compact Flipkart-like product card inside the persistent account split view. */
@media (max-width:620px){
    .fk-commerce-panel{
        background:#f5f6f8 !important;
        padding:10px 7px !important;
    }

    .fk-commerce-section-head{
        align-items:flex-start;
        gap:8px;
        margin-bottom:10px;
    }

    .fk-commerce-section-head h2{
        font-size:15px !important;
        margin-bottom:2px !important;
    }

    .fk-commerce-section-head p{
        font-size:9px !important;
        line-height:1.35;
    }

    .fk-commerce-head-action{
        width:auto !important;
        min-width:0 !important;
        min-height:30px !important;
        padding:5px 7px !important;
        font-size:8px !important;
        white-space:nowrap;
    }

    .fk-commerce-list{
        gap:7px;
    }

    .fk-commerce-row{
        grid-template-columns:52px minmax(0,1fr);
        grid-template-areas:
            "media info"
            "media price"
            "status status"
            "action action";
        gap:5px 8px;
        min-height:0;
        padding:9px 8px;
        border-radius:2px;
    }

    .fk-commerce-media{
        grid-area:media;
        width:52px;
        height:58px;
        align-self:start;
    }

    .fk-commerce-info{
        grid-area:info;
        gap:2px;
        align-self:start;
    }

    .fk-commerce-info strong{
        font-size:10px;
        line-height:1.25;
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .fk-commerce-info small{
        font-size:8px;
        line-height:1.3;
    }

    .fk-commerce-price{
        grid-area:price;
        align-self:start;
        font-size:10px;
        line-height:1.25;
        white-space:normal;
    }

    .fk-commerce-status{
        grid-area:status;
        gap:3px;
        padding-top:5px;
        border-top:1px solid #eef0f2;
    }

    .fk-status-title{
        gap:5px;
    }

    .fk-status-title > i{
        flex-basis:7px;
        width:7px;
        height:7px;
        margin-top:3px;
    }

    .fk-status-title strong{
        font-size:9px;
        line-height:1.3;
    }

    .fk-commerce-status > small{
        padding-left:12px;
        font-size:8px;
        line-height:1.3;
    }

    .fk-commerce-action{
        grid-area:action;
        justify-content:flex-end;
        padding-top:4px;
        color:#087525;
        font-size:8px;
        border-top:1px solid #f1f3f5;
    }

    .fk-commerce-action svg{
        width:11px;
        height:11px;
        flex-basis:11px;
    }

    .fk-commerce-empty{
        padding:20px 8px;
        font-size:9px;
    }

    .fk-return-requests{
        margin-top:12px;
    }

    .fk-return-requests h3{
        font-size:11px !important;
        margin-bottom:6px;
    }

    .fk-return-request{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:6px;
        padding:8px;
    }

    .fk-return-request strong{font-size:9px}
    .fk-return-request small{font-size:8px}
    .fk-return-request .nsc-status{font-size:8px}
}

@media (max-width:390px){
    .fk-commerce-panel{padding:8px 6px !important}
    .fk-commerce-row{
        grid-template-columns:46px minmax(0,1fr);
        gap:4px 6px;
        padding:8px 6px;
    }
    .fk-commerce-media{
        width:46px;
        height:52px;
    }
    .fk-commerce-info strong{font-size:9px}
    .fk-commerce-info small,
    .fk-commerce-status > small,
    .fk-commerce-action{font-size:7.5px}
    .fk-commerce-price,
    .fk-status-title strong{font-size:8.5px}
}

/* ======================================================================
   FINAL - Wide My Account + compact one-row order tracking
   - Align account page width with the wide storefront/index container
   - Small product thumbnail
   - Details remain in the same row
   - Dedicated Track Order button
   - Same structural row on desktop, laptop, tablet and mobile
   responsive-v2.css remains untouched.
   ====================================================================== */

/* Match the wide storefront/index.php container feel on larger screens. */
@media (min-width:821px){
    .nsc-container.fk-account-page{
        width:min(1372px, calc(100% - 64px)) !important;
        max-width:1372px !important;
    }

    .fk-account-layout{
        grid-template-columns:260px minmax(0,1fr) !important;
        gap:16px !important;
    }
}

@media (min-width:1181px){
    .nsc-container.fk-account-page{
        width:min(1372px, calc(100% - 64px)) !important;
    }
}

/* Orders are intentionally much denser than the earlier Flipkart card version. */
.fk-order-list{
    gap:8px !important;
}

.fk-order-compact-row{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:64px minmax(0,1fr) 124px;
    align-items:center;
    gap:14px;
    min-height:88px;
    padding:12px 14px;
    background:#fff;
    border:1px solid #dfe3e8;
    border-radius:3px;
    box-shadow:0 1px 2px rgba(0,0,0,.035);
}

.fk-order-compact-row:hover{
    border-color:#ccd3da;
    box-shadow:0 2px 7px rgba(0,0,0,.07);
}

.fk-order-compact-media{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#fff;
    text-decoration:none;
}

.fk-order-compact-media img{
    width:100%;
    height:100% !important;
    display:block;
    object-fit:contain;
    object-position:center;
}

.fk-order-compact-details{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    color:#212121;
    text-decoration:none;
}

.fk-order-compact-details:hover,
.fk-order-compact-details:focus-visible{
    color:#087525;
    outline:none;
}

.fk-order-product-name{
    min-width:0;
    font-size:14px;
    line-height:1.3;
    font-weight:600;
    color:#212121;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fk-order-subline{
    min-width:0;
    color:#777;
    font-size:11px;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fk-order-subline b{
    padding:0 3px;
    font-weight:400;
    color:#b0b0b0;
}

.fk-order-inline-meta{
    min-width:0;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 14px;
}

.fk-order-price{
    color:#212121;
    font-size:13px;
    line-height:1.3;
    font-weight:700;
}

.fk-order-state{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#4b5563;
    font-size:11px;
    line-height:1.3;
}

.fk-order-state > i{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#f59e0b;
}

.fk-order-state.is-success > i{background:#26a541}
.fk-order-state.is-danger > i{background:#ff6161}
.fk-order-state.is-returned > i{background:#7c3aed}
.fk-order-state.is-transit > i{background:#2874f0}
.fk-order-state.is-pending > i{background:#f59e0b}

.fk-track-order-btn{
    min-width:0;
    min-height:38px;
    padding:8px 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #087525;
    border-radius:4px;
    background:#fff;
    color:#087525;
    font-size:11px;
    line-height:1;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}

.fk-track-order-btn:hover,
.fk-track-order-btn:focus-visible{
    background:#087525;
    color:#fff;
    outline:none;
}

.fk-track-order-btn svg{
    width:14px;
    height:14px;
    flex:0 0 14px;
}

/* Laptop */
@media (max-width:1180px) and (min-width:821px){
    .nsc-container.fk-account-page{
        width:calc(100% - 40px) !important;
        max-width:none !important;
    }

    .fk-account-layout{
        grid-template-columns:220px minmax(0,1fr) !important;
        gap:12px !important;
    }

    .fk-order-compact-row{
        grid-template-columns:58px minmax(0,1fr) 112px;
        gap:11px;
        min-height:80px;
        padding:10px 12px;
    }

    .fk-order-compact-media{
        width:58px;
        height:58px;
    }
}

/* Tablet */
@media (max-width:820px) and (min-width:621px){
    .fk-order-compact-row{
        grid-template-columns:52px minmax(0,1fr) 102px;
        gap:9px;
        min-height:74px;
        padding:9px 10px;
    }

    .fk-order-compact-media{
        width:52px;
        height:52px;
    }

    .fk-order-product-name{font-size:12px}
    .fk-order-subline,
    .fk-order-state{font-size:9px}
    .fk-order-price{font-size:11px}
    .fk-track-order-btn{
        min-height:34px;
        padding:7px 8px;
        font-size:9px;
    }
}

/* Phone: keep image + details + tracking action in ONE ROW even inside the
   persistent Flipkart-style left-sidebar account layout. */
@media (max-width:620px){
    .fk-commerce-panel{
        padding:9px 7px !important;
    }

    .fk-order-list{
        gap:6px !important;
    }

    .fk-order-compact-row{
        grid-template-columns:38px minmax(0,1fr) 42px;
        gap:6px;
        min-height:62px;
        padding:7px 6px;
        align-items:center;
    }

    .fk-order-compact-media{
        width:38px;
        height:42px;
    }

    .fk-order-compact-details{
        gap:2px;
    }

    .fk-order-product-name{
        font-size:9px;
        line-height:1.2;
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .fk-order-subline{
        font-size:7px;
        line-height:1.2;
    }

    .fk-order-inline-meta{
        gap:3px 6px;
    }

    .fk-order-price{
        font-size:8px;
    }

    .fk-order-state{
        gap:3px;
        max-width:100%;
        font-size:6.8px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .fk-order-state > i{
        width:5px;
        height:5px;
        flex-basis:5px;
    }

    .fk-track-order-btn{
        width:42px !important;
        min-width:42px !important;
        min-height:36px !important;
        padding:4px 2px !important;
        flex-direction:column;
        gap:2px;
        border-radius:4px;
        font-size:6.5px !important;
        line-height:1.05;
        white-space:normal;
    }

    .fk-track-order-btn svg{
        width:11px;
        height:11px;
        flex-basis:11px;
    }
}

@media (max-width:390px){
    .fk-order-compact-row{
        grid-template-columns:34px minmax(0,1fr) 38px;
        gap:5px;
        padding:6px 5px;
    }

    .fk-order-compact-media{
        width:34px;
        height:38px;
    }

    .fk-track-order-btn{
        width:38px !important;
        min-width:38px !important;
        font-size:6px !important;
    }
}


/* ======================================================================
   My Account - Order ID search + bounded commerce list scrolling
   Scope: account-flipkart.css only. responsive-v2.css remains untouched.
   ====================================================================== */
.fk-order-search{
    display:grid;
    grid-template-columns:minmax(220px,420px) auto auto;
    align-items:center;
    gap:8px;
    width:100%;
    margin:-2px 0 16px;
}

.fk-order-search-field{
    min-width:0;
    height:42px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 12px;
    background:#fff;
    border:1px solid #d8dde4;
    border-radius:4px;
}

.fk-order-search-field:focus-within{
    border-color:#087525;
    box-shadow:0 0 0 2px rgba(8,117,37,.08);
}

.fk-order-search-field > svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
    color:#6b7280;
}

.fk-order-search-field input{
    width:100%;
    min-width:0;
    height:40px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#212121;
    font:inherit;
    font-size:13px;
}

.fk-order-search-field input::placeholder{color:#9ca3af}

.fk-order-search-btn,
.fk-order-search-clear{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    border-radius:4px;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.fk-order-search-btn{
    border:1px solid #087525;
    background:#087525;
    color:#fff;
    cursor:pointer;
}

.fk-order-search-clear{
    border:1px solid #d8dde4;
    background:#fff;
    color:#4b5563;
}

/* Orders, Wishlist and Cart keep their existing cards and layout.
   Important: do not create an inner vertical scroll area here.
   The main page must continue scrolling when the pointer is over a product row. */
.fk-commerce-panel > .fk-commerce-list{
    max-height:none;
    overflow-y:visible;
    overflow-x:visible;
    overscroll-behavior:auto;
    scrollbar-width:auto;
    scrollbar-gutter:auto;
    padding-right:0;
}

@media (max-width:820px){
    .fk-order-search{
        grid-template-columns:minmax(0,1fr) auto auto;
        gap:6px;
    }
    .fk-order-search-field{height:38px;padding:0 9px}
    .fk-order-search-field input{height:36px;font-size:11px}
    .fk-order-search-btn,
    .fk-order-search-clear{min-height:38px;padding:0 10px;font-size:10px}
    .fk-commerce-panel > .fk-commerce-list{max-height:none}
}

@media (max-width:620px){
    .fk-order-search{
        grid-template-columns:minmax(0,1fr) 42px;
        gap:5px;
        margin:0 0 10px;
    }
    .fk-order-search-field{
        height:34px;
        gap:5px;
        padding:0 6px;
    }
    .fk-order-search-field > svg{width:12px;height:12px;flex-basis:12px}
    .fk-order-search-field input{
        height:32px;
        font-size:8px !important;
    }
    .fk-order-search-btn{
        width:42px;
        min-width:42px;
        min-height:34px;
        padding:0 3px;
        font-size:7px;
    }
    .fk-order-search-clear{
        grid-column:1 / -1;
        justify-self:start;
        min-height:24px;
        padding:0;
        border:0;
        background:transparent;
        color:#087525;
        font-size:7px;
    }
    .fk-commerce-panel > .fk-commerce-list{
        max-height:none;
        padding-right:0;
    }
}


/* ======================================================================
   FINAL - My Account phone content-width / commerce-header correction
   Fixes the Cart/Wishlist/Orders content panel being crushed by the
   full-width mobile button rule while preserving the sticky left sidebar.
   Desktop/laptop/tablet and all account logic remain unchanged.
   ====================================================================== */
@media (max-width:620px){

    /* Give the right content pane a little more usable phone width. */
    .fk-account-layout.nsc-account-grid{
        grid-template-columns:96px minmax(0,1fr) !important;
        gap:6px !important;
    }

    .fk-account-sidebar{
        min-width:0 !important;
        width:100% !important;
    }

    .fk-account-content{
        min-width:0 !important;
        width:100% !important;
        max-width:100% !important;
    }

    /*
       The generic mobile rule makes .nsc-btn width:100%.
       Commerce header actions must override it so the button cannot
       consume the title's entire row.
    */
    .fk-commerce-section-head{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:start !important;
        column-gap:7px !important;
        row-gap:5px !important;
        width:100% !important;
        min-width:0 !important;
    }

    .fk-commerce-section-head > div{
        min-width:0 !important;
        width:auto !important;
    }

    .fk-commerce-section-head h2{
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }

    .fk-commerce-section-head p{
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }

    .fk-account-content .fk-commerce-head-action,
    .fk-commerce-section-head .fk-commerce-head-action{
        width:auto !important;
        min-width:68px !important;
        max-width:82px !important;
        min-height:30px !important;
        padding:5px 7px !important;
        flex:0 0 auto !important;
        align-self:start !important;
        justify-self:end !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        font-size:8px !important;
    }

    .fk-commerce-empty{
        width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        text-align:center !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }
}

@media (max-width:390px){
    .fk-account-layout.nsc-account-grid{
        grid-template-columns:90px minmax(0,1fr) !important;
        gap:5px !important;
    }

    .fk-account-nav.nsc-account-menu a{
        padding-left:18px !important;
        padding-right:5px !important;
    }
}

@media (max-width:340px){
    .fk-account-layout.nsc-account-grid{
        grid-template-columns:86px minmax(0,1fr) !important;
        gap:4px !important;
    }

    .fk-account-content .fk-commerce-head-action,
    .fk-commerce-section-head .fk-commerce-head-action{
        min-width:62px !important;
        max-width:70px !important;
        padding-inline:5px !important;
        font-size:7px !important;
    }
}

/* ======================================================================
   Customer Account Dashboard UI refresh
   Scope: store/account.php only. Logic/workflows unchanged.
   ====================================================================== */
.fk-account-quicklinks{display:none !important;}

.fk-account-user-card--dashboard{
    border-radius:18px;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
    border:1px solid #edf1ea;
}
.fk-account-user-card--dashboard .fk-account-avatar{
    width:48px;
    height:48px;
    flex-basis:48px;
    background:#dff2df;
    color:#177f2b;
    border-color:#d7edd8;
}
.fk-dashboard-nav{
    border-radius:18px;
    padding:10px !important;
    border:1px solid #edf1ea !important;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.fk-dashboard-nav a{
    margin:4px 0 !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    min-height:46px !important;
    justify-content:space-between !important;
}
.fk-dashboard-nav a.active,
.fk-dashboard-nav a:hover,
.fk-dashboard-nav a:focus-visible{
    background:#ecf7ec !important;
    color:#177f2b !important;
}
.fk-nav-link-copy{
    display:inline-flex;
    align-items:center;
    gap:11px;
    min-width:0;
}
.fk-nav-link-copy svg{
    width:18px !important;
    height:18px !important;
    color:#6b7280 !important;
}
.fk-dashboard-nav a.active .fk-nav-link-copy svg,
.fk-dashboard-nav a:hover .fk-nav-link-copy svg{color:#177f2b !important;}
.fk-nav-badge{
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#0e7a26;
    color:#fff;
    font-size:11px;
    font-weight:800;
}
.fk-account-side-banner{
    margin-top:14px;
    border-radius:18px;
    border:1px solid #edf1ea;
    background:linear-gradient(180deg,#fffef8 0%,#eff9ef 100%);
    box-shadow:0 10px 30px rgba(15,23,42,.06);
    padding:16px 14px;
    display:flex;
    align-items:flex-end;
    gap:12px;
}
.fk-account-side-banner-art{
    width:68px;
    height:76px;
    border-radius:16px;
    background:
        radial-gradient(circle at 25px 24px,#f4b04f 0 13px,transparent 14px),
        radial-gradient(circle at 48px 18px,#7cc55d 0 9px,transparent 10px),
        radial-gradient(circle at 20px 58px,#a7d66d 0 16px,transparent 17px),
        linear-gradient(180deg,#f4c768 0%,#f0b34c 100%);
    position:relative;
    flex:0 0 68px;
}
.fk-account-side-banner-art:before,
.fk-account-side-banner-art:after{
    content:"";
    position:absolute;
    top:-8px;
    width:14px;
    height:18px;
    border:3px solid #49a34d;
    border-bottom:0;
    border-radius:14px 14px 0 0;
}
.fk-account-side-banner-art:before{left:14px;}
.fk-account-side-banner-art:after{right:14px;}
.fk-account-side-banner-copy strong{
    display:block;
    font-size:17px;
    line-height:1.2;
    color:#1f2937;
}
.fk-account-side-banner-copy small{
    display:block;
    margin-top:6px;
    color:#6b7280;
    line-height:1.35;
}
.fk-account-dashboard{display:grid;gap:16px;}
.fk-account-hero{
    border-radius:18px;
    padding:26px 28px;
    background:linear-gradient(90deg,#edf8ef 0%,#f8fcf7 55%,#ecf8ee 100%);
    border:1px solid #e4f0e3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    overflow:hidden;
}
.fk-account-hero-main{display:flex;align-items:center;gap:18px;min-width:0;}
.fk-account-hero-avatar{
    width:72px;height:72px;border-radius:50%;background:#dff2df;color:#0f7a26;
    display:grid;place-items:center;font-size:34px;font-weight:800;flex:0 0 72px;
    box-shadow:inset 0 0 0 1px #d7ebd5;
}
.fk-account-hero-copy span{display:block;color:#5f6e63;font-size:16px;margin-bottom:4px;}
.fk-account-hero-copy h2{margin:0;color:#0f172a;font-size:40px;line-height:1.05;letter-spacing:.02em;}
.fk-account-hero-copy p{margin:8px 0 0;color:#667085;font-size:16px;}
.fk-account-hero-art{position:relative;flex:0 0 290px;min-height:116px;display:flex;justify-content:flex-end;align-items:flex-start;}
.fk-hero-bag{
    width:88px;height:92px;border-radius:6px 6px 18px 18px;background:linear-gradient(180deg,#f8dca0 0%,#f0bc5c 100%);
    position:absolute;right:72px;top:6px;box-shadow:0 12px 26px rgba(112,135,75,.18);
}
.fk-hero-bag:before,
.fk-hero-bag:after{
    content:"";position:absolute;top:-18px;width:24px;height:28px;border:4px solid #67ae61;border-bottom:0;border-radius:16px 16px 0 0;
}
.fk-hero-bag:before{left:14px;} .fk-hero-bag:after{right:14px;}
.fk-hero-leaf{position:absolute;border-radius:999px;background:linear-gradient(180deg,#79c85f 0%,#4ba63e 100%);opacity:.95;}
.fk-hero-leaf-1{width:38px;height:74px;right:170px;bottom:-4px;transform:rotate(-30deg);}
.fk-hero-leaf-2{width:44px;height:90px;right:28px;bottom:-10px;transform:rotate(24deg);}
.fk-hero-tagline{position:absolute;right:0;top:6px;color:#18312d;font-size:34px;font-style:italic;font-weight:600;line-height:1.1;text-align:right;}

.fk-account-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.fk-account-metric-card,
.fk-account-info-card{
    border-radius:18px;
    background:#fff;
    border:1px solid #edf1ea;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.fk-account-metric-card{
    padding:18px 20px;
    display:flex;
    align-items:center;
    gap:16px;
}
.fk-account-metric-icon{
    width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:0 0 54px;
    background:#eef8ef;color:#15803d;
}
.fk-account-metric-icon svg{width:26px;height:26px;stroke-width:2.2;}
.fk-account-metric-copy small{display:block;color:#6b7280;font-size:13px;margin-bottom:4px;}
.fk-account-metric-copy strong{display:block;color:#111827;font-size:34px;line-height:1;}
.fk-account-metric-copy a{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#11823b;font-weight:700;font-size:13px;text-decoration:none;}

.fk-account-info-card{padding:22px 22px 20px;}
.fk-account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.fk-account-card-head-main{display:flex;align-items:flex-start;gap:14px;min-width:0;}
.fk-account-card-head-icon{width:42px;height:42px;border-radius:50%;background:#eef8ef;color:#15803d;display:grid;place-items:center;flex:0 0 42px;}
.fk-account-card-head-icon svg{width:20px;height:20px;stroke-width:2.2;}
.fk-account-card-head h3{margin:0;color:#111827;font-size:28px;line-height:1.1;}
.fk-account-card-head p{margin:5px 0 0;color:#6b7280;font-size:13px;}
.fk-account-edit-btn,
.fk-account-add-btn{
    display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:10px;
    padding:10px 14px;font-weight:700;font-size:14px;border:1px solid #86c892;
}
.fk-account-edit-btn{background:#fff;color:#15783b;}
.fk-account-add-btn{background:#0f7a26;color:#fff;border-color:#0f7a26;}
.fk-account-edit-btn svg,.fk-account-add-btn svg{width:16px;height:16px;}

.fk-account-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.fk-account-field label{display:block;margin-bottom:8px;color:#374151;font-size:13px;font-weight:700;}
.fk-account-field-box{
    min-height:52px;padding:0 14px;border-radius:10px;border:1px solid #dde5dc;background:#f9fbfa;
    display:flex;align-items:center;gap:12px;color:#334155;
}
.fk-account-field-box svg{width:18px;height:18px;color:#4b5563;flex:0 0 auto;}
.fk-account-field-box span{overflow-wrap:anywhere;}

.fk-account-address-list{display:grid;gap:14px;}
.fk-account-address-card{
    border-radius:16px;border:1px solid #e2efe2;background:linear-gradient(180deg,#fbfefb 0%,#f4fbf4 100%);
    padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
}
.fk-account-address-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.fk-account-address-title-wrap{display:flex;align-items:flex-start;gap:12px;}
.fk-account-address-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf8eb;color:#15803d;flex:0 0 38px;}
.fk-account-address-icon svg{width:18px;height:18px;}
.fk-account-address-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.fk-account-address-title-row strong{font-size:18px;color:#111827;}
.fk-account-default-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:#8ce291;color:#0c6d26;font-weight:700;font-size:11px;}
.fk-account-address-more{border:0;background:transparent;color:#475569;padding:4px;cursor:pointer;}
.fk-account-address-more svg{width:18px;height:18px;}
.fk-account-address-body{padding:12px 0 14px 50px;}
.fk-account-address-body p{margin:0 0 4px !important;color:#374151;}
.fk-account-address-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;}
.fk-account-address-actions form{margin:0;}
.fk-address-action-btn{
    min-width:82px;height:38px;padding:0 16px;border-radius:9px;border:1px solid #cddfcd;background:#fff;
    display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer;
}
.fk-address-action-btn--edit{color:#15783b;border-color:#97c99d;}
.fk-address-action-btn--remove{color:#d92d20;border-color:#f1b2ab;background:#fff7f6;}
.fk-account-empty-card{padding:20px;border-radius:14px;border:1px dashed #cddccd;background:#fbfefb;color:#475569;}

@media (max-width: 1180px){
    .fk-account-hero-copy h2{font-size:32px;}
    .fk-hero-tagline{font-size:28px;}
    .fk-account-hero-art{flex-basis:240px;}
}
@media (max-width: 980px){
    .fk-account-layout{grid-template-columns:240px minmax(0,1fr) !important;}
    .fk-account-metric-grid{grid-template-columns:1fr;}
    .fk-account-info-grid{grid-template-columns:1fr;}
    .fk-account-card-head h3{font-size:24px;}
}
@media (max-width: 760px){
    .fk-account-page{padding-top:10px;}
    .fk-account-layout.nsc-account-grid{grid-template-columns:1fr !important;gap:14px !important;}
    .fk-account-sidebar{position:static;max-height:none;overflow:visible;}
    .fk-dashboard-nav{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
    .fk-dashboard-nav a{padding:11px 12px !important;}
    .fk-account-side-banner{display:none;}
    .fk-account-hero{padding:18px;flex-direction:column;align-items:flex-start;}
    .fk-account-hero-main{width:100%;}
    .fk-account-hero-art{width:100%;flex:0 0 auto;min-height:90px;}
    .fk-hero-tagline{position:relative;right:auto;top:auto;text-align:left;font-size:22px;}
    .fk-hero-bag{right:96px;top:0;transform:scale(.85);transform-origin:top right;}
    .fk-hero-leaf-1{right:190px;} .fk-hero-leaf-2{right:40px;}
    .fk-account-hero-copy h2{font-size:26px;}
    .fk-account-hero-copy span,.fk-account-hero-copy p{font-size:14px;}
    .fk-account-card-head{flex-direction:column;align-items:flex-start;}
    .fk-account-edit-btn,.fk-account-add-btn{width:100%;justify-content:center;}
    .fk-account-address-body{padding-left:0;}
    .fk-account-address-actions{justify-content:flex-start;}
}
@media (max-width: 520px){
    .fk-account-breadcrumb{display:none;}
    .fk-account-user-card--dashboard{padding:12px;}
    .fk-account-user-card--dashboard .fk-account-user-copy strong{font-size:16px;}
    .fk-dashboard-nav{grid-template-columns:1fr;}
    .fk-account-hero-main{align-items:flex-start;}
    .fk-account-hero-avatar{width:58px;height:58px;flex-basis:58px;font-size:26px;}
    .fk-account-metric-card{padding:16px;}
    .fk-account-metric-copy strong{font-size:28px;}
    .fk-account-info-card{padding:18px 16px;}
    .fk-account-card-head h3{font-size:22px;}
    .fk-account-card-head-main{align-items:center;}
    .fk-account-card-head-icon{width:38px;height:38px;flex-basis:38px;}
    .fk-account-address-card{padding:16px;}
    .fk-account-address-title-row strong{font-size:16px;}
    .fk-account-address-actions{width:100%;}
    .fk-address-action-btn, .fk-account-address-actions form{width:100%;}
    .fk-address-action-btn{min-width:0;width:100%;}
}