:root{--navy:#06183f;--orange:#ff4a1f;--line:#e5e9f0;--muted:#667085}
*{box-sizing:border-box}body{margin:0;background:#f6f7fa;color:#101828;font-family:"Inter",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}
.cat-header{width:min(calc(100% - 28px),1450px);margin:auto;min-height:76px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:24px}
.cat-brand{display:flex;align-items:flex-end;font-family:"Poppins",sans-serif;font-size:30px;font-weight:800;line-height:.85}.cat-brand span{color:var(--navy)}.cat-brand b{color:var(--orange)}.cat-brand small{font-family:"Inter",sans-serif;font-size:9px;color:var(--navy);margin-left:-91px;transform:translateY(15px)}
.cat-search{height:46px;display:flex;align-items:center;border:1px solid #dbe0e8;background:#fff;border-radius:14px;overflow:hidden}.cat-search>i{margin-left:14px;color:#98a2b3}.cat-search input{min-width:0;width:100%;border:0;outline:0;padding:0 13px}.cat-search button{width:52px;height:100%;border:0;background:var(--navy);color:#fff}
.cat-account{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.cat-account i{font-size:23px}
.category-shell{width:min(calc(100% - 28px),1450px);margin:12px auto 50px}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#667085;font-size:11px;margin:10px 3px}.breadcrumb i{font-size:8px}.breadcrumb a{color:#475467}
.category-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#edf3ff,#fff4ed);border:1px solid #e7eaf0;border-radius:20px;padding:25px}.category-title-icon{width:66px;height:66px;border-radius:17px;background:#fff;display:grid;place-items:center;color:#245fe7;font-size:29px}.category-head h1{margin:0;font-family:"Poppins",sans-serif;font-size:31px;color:var(--navy)}.category-head p{margin:5px 0 0;color:#667085;font-size:13px}
.subcategories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.subcategories a{min-height:82px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;font-size:11px;font-weight:700}.subcategories i{font-size:22px;color:#245fe7}
.listing-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 11px}.listing-heading h2{margin:0;font-family:"Poppins",sans-serif;color:var(--navy);font-size:20px}.listing-heading span{font-size:11px;color:#667085}
.category-listings{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-listings article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px}.listing-photo{height:180px;background:#eef1f5;display:grid;place-items:center;color:#a8b1bd;font-size:35px}.listing-photo img{width:100%;height:100%;object-fit:cover}.listing-info{padding:11px}.listing-info h3{margin:0 0 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-info strong{display:block;font-size:17px}.listing-info small{display:block;margin-top:5px;color:#667085;font-size:10px}
.empty-box{min-height:240px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.empty-box>i{font-size:34px;color:#9ca7b5}.empty-box h1,.empty-box h2{font-family:"Poppins",sans-serif;margin:12px 0 4px;color:var(--navy)}.empty-box p{margin:0 0 16px;color:#667085;font-size:12px}.empty-box a{background:var(--orange);color:#fff;padding:11px 16px;border-radius:10px;font-size:12px;font-weight:800}
@media(max-width:1000px){.subcategories{grid-template-columns:repeat(4,1fr)}.category-listings{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.cat-header{grid-template-columns:1fr auto;padding:8px 0}.cat-search{grid-column:1/-1;grid-row:2}.cat-brand{font-size:25px}.cat-brand small{display:none}.category-shell{width:calc(100% - 16px)}.category-head{padding:18px}.category-head h1{font-size:24px}.category-title-icon{width:54px;height:54px}.subcategories{grid-template-columns:repeat(3,1fr)}.category-listings{grid-template-columns:repeat(2,1fr);gap:8px}.listing-photo{height:130px}}

.listing-card-link{display:block;color:inherit;text-decoration:none;height:100%}


/* UPDATE 18 — GLOBAL READABILITY */
body{
    color:#101828;
}

small{
    font-size:12px !important;
    color:#475467 !important;
    line-height:1.45 !important;
}

input,
select,
textarea,
button{
    color:#101828;
}

::placeholder{
    color:#667085 !important;
    opacity:1;
}

/* Category page readability */
.cat-brand small,
.cat-account,
.breadcrumb,
.category-head p,
.subcategories a,
.listing-heading span,
.listing-info h3,
.listing-info small,
.empty-box p{
    font-size:12px !important;
}

.breadcrumb,
.category-head p,
.listing-heading span,
.listing-info small,
.empty-box p{
    color:#475467 !important;
}


/* UPDATE 19 — GLOBAL PUBLIC WIDTH MATCH HOME */
.cat-header,
.category-shell{
    width:min(calc(100% - 28px),1540px) !important;
    max-width:1540px !important;
}

.cat-header{
    padding-left:4px;
    padding-right:4px;
}

@media(max-width:650px){
    .cat-header,
    .category-shell{
        width:calc(100% - 16px) !important;
    }
}



/* UPDATE 21 — CATEGORY FAVORITES */
.category-listings article{
    position:relative;
}
.category-favorite{
    position:absolute;
    top:8px;
    right:8px;
    z-index:4;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.95);
    color:#344054;
    cursor:pointer;
    box-shadow:0 3px 10px rgba(16,24,40,.10);
}
.category-favorite.is-saved{
    color:#ff3f59;
}


/* UPDATE 24 — CATEGORY NOTIFICATION BELL */
.cat-account-actions{display:flex;align-items:center;gap:10px}
.cat-notification-link{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dfe4eb;color:#344054}
.cat-notification-link>span{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ff4a1f;color:#fff;font-size:10px!important;font-weight:800;border:2px solid #fff}

.cat-notification-link{width:38px!important;height:38px!important}
.cat-notification-link i{font-size:18px}


/* =========================================================
   UPDATE 31 — MOBILE RESPONSIVE & UI CONSISTENCY
   ========================================================= */
html,body{
    max-width:100%;
    overflow-x:hidden;
}
img,video,svg{
    max-width:100%;
}
@media(max-width:900px){
    input,select,textarea{
        font-size:16px !important;
    }
    button,a{
        -webkit-tap-highlight-color:transparent;
    }
}

@media(max-width:650px){
    .cat-header{
        width:calc(100% - 10px);
        gap:7px;
    }
    .cat-search{height:43px}
    .cat-account-actions{gap:5px}
    .cat-notification-link{width:38px!important;height:38px!important}
    .category-shell{
        width:calc(100% - 10px);
    }
    .category-head{
        padding:14px;
        gap:10px;
    }
    .category-head h1{font-size:22px}
    .category-title-icon{
        width:48px;height:48px;
    }
    .subcategories{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
    }
    .category-listings{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
    .listing-photo{height:130px}
}


/* UPDATE 32 — MOBILE QA ROUND 2 HARDENING */
@media(max-width:900px){
    main,section,article,aside,header,footer,nav,form,div{
        min-width:0;
    }
    h1,h2,h3,h4,p,span,strong,small,a,label{
        overflow-wrap:anywhere;
    }
    table{
        max-width:100%;
    }
}

@media(max-width:650px){
    .cat-header{
        overflow:visible!important;
    }
    .cat-account-actions{
        min-width:0!important;
        gap:5px!important;
    }
    .cat-account-actions .top-user-menu{
        flex:0 0 auto;
    }
    .cat-search input{
        min-width:0!important;
    }
    .category-head>div:last-child{
        min-width:0;
    }
}


/* UPDATE 37 — CATEGORY LOCATION FILTER */
.category-head{
    position:relative;
}
.category-location-filter{
    margin-left:auto;
    flex:0 0 auto;
}
.category-location-filter select{
    height:40px;
    min-width:160px;
    border:1px solid #d8dee8;
    border-radius:10px;
    background:#fff;
    padding:0 10px;
    color:#344054;
    font-size:12px;
    font-weight:700;
    outline:0;
}
.category-listings article{
    position:relative;
}
.listing-info small{
    display:block;
    margin-top:4px;
}
@media(max-width:650px){
    .category-head{
        flex-wrap:wrap;
    }
    .category-location-filter{
        width:100%;
        margin-left:0;
    }
    .category-location-filter select{
        width:100%;
        font-size:16px;
    }
}

/* UPDATE 38 — CATEGORY GRID USES SHARED HOME-STYLE CARDS */
.category-listings article.marketplace-listing-card{
    position:relative;
    overflow:hidden;
}
.category-listings .listing-body{
    position:static!important;
}