body[data-category="electronics"]{
  --accent:#5b8cff;
  --accent2:#8b5cf6;
  --accent-rgb:91,140,255;
  --accent2-rgb:139,92,246;
  background:
    linear-gradient(180deg, rgba(6,11,20,.86), rgba(6,11,20,.94)),
    radial-gradient(1000px 620px at 8% -8%, rgba(var(--accent-rgb), .18), transparent 56%),
    radial-gradient(860px 480px at 92% 14%, rgba(var(--accent2-rgb), .14), transparent 54%),
    var(--category-theme-image, url('/assets/img/category-photos/electronics.jpg')) center/cover fixed;
}
:root[data-theme="light"] body[data-category="electronics"]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,248,255,.93)),
    radial-gradient(1000px 620px at 8% -8%, rgba(var(--accent-rgb), .10), transparent 56%),
    radial-gradient(860px 480px at 92% 14%, rgba(var(--accent2-rgb), .08), transparent 54%),
    var(--category-theme-image, url('/assets/img/category-photos/electronics.jpg')) center/cover fixed;
}
:root[data-theme="middle-dark"] body[data-category="electronics"]{
  background:
    linear-gradient(180deg,rgba(36,48,64,.92),rgba(28,39,54,.95)),
    radial-gradient(1000px 620px at 8% -8%,rgba(var(--accent-rgb),.16),transparent 56%),
    radial-gradient(860px 480px at 92% 14%,rgba(var(--accent2-rgb),.12),transparent 54%),
    var(--category-theme-image,url('/assets/img/category-photos/electronics.jpg')) center/cover fixed;
}
body[data-category="electronics"] .brand__mark,
body[data-category="electronics"] .brand-mark{ background: radial-gradient(circle at 30% 0%, var(--accent2), var(--accent)); }

/* STEP34: Electronics mobile app hardening. */
body[data-category="electronics"].elecFilterOpen,
body[data-category="electronics"].elecLightboxOpen{overflow:hidden}

body[data-category="electronics"] .listingAuctionCore,
body[data-category="electronics"] .listingAuctionCore__form,
body[data-category="electronics"] .listingAuctionCore__field{
  display:grid;
  min-width:0;
  gap:10px;
}
body[data-category="electronics"] .listingAuctionCore input,
body[data-category="electronics"] .listingAuctionCore select,
body[data-category="electronics"] .listingAuctionCore textarea{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid var(--border,#ccd2d8);
  border-radius:11px;
  background:var(--surface,#fff);
  color:inherit;
}
body[data-category="electronics"] .listingAuctionCore .btn,
body[data-category="electronics"] .listingAuctionCore__depositPaid,
body[data-category="electronics"] .listingAuctionCore__locked{
  width:100%;
  min-width:0;
  min-height:46px;
  box-sizing:border-box;
  white-space:normal;
  text-align:center;
  overflow-wrap:anywhere;
}

@media (max-width:820px){
  body[data-category="electronics"]{
    max-width:100%;
    overflow-x:clip;
    background-attachment:scroll!important;
  }
  body[data-category="electronics"] main.container{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    padding-inline:0!important;
  }
  body[data-category="electronics"] .elecPage,
  body[data-category="electronics"] .elecDetail,
  body[data-category="electronics"] .elecCreate,
  body[data-category="electronics"] .elecAdminSafety{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-left:max(10px,env(safe-area-inset-left,0px))!important;
    padding-right:max(10px,env(safe-area-inset-right,0px))!important;
    overflow-x:clip;
  }
  body[data-category="electronics"] :is(.elecPage,.elecDetail,.elecCreate,.elecAdminSafety),
  body[data-category="electronics"] :is(.elecPage,.elecDetail,.elecCreate,.elecAdminSafety) *{
    box-sizing:border-box;
    min-width:0;
  }
  body[data-category="electronics"] :is(.elecPage,.elecDetail,.elecCreate,.elecAdminSafety) :is(h1,h2,h3,p,label,legend,summary,strong,small,span,a,button,li){
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  body[data-category="electronics"] :is(.elecPage,.elecDetail,.elecCreate,.elecAdminSafety) :is(input,select,textarea){
    max-width:100%!important;
    min-width:0!important;
    font-size:16px!important;
  }
  body[data-category="electronics"] :is(.elecPage,.elecDetail,.elecCreate,.elecAdminSafety) :is(.btn,button){
    height:auto;
    min-height:44px;
    white-space:normal;
    line-height:1.2;
    text-align:center;
  }
  body[data-category="electronics"] :is(.elecMobileDiscovery,.elecCreateStepper){
    position:static!important;
    top:auto!important;
  }

  body[data-category="electronics"] .elecQuickSearch{
    width:100%;
    max-width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
  }
  body[data-category="electronics"] .elecQuickSearch input{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border:1px solid var(--border,#ccd2d8)!important;
    border-radius:12px!important;
    background:var(--surface,#fff)!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  body[data-category="electronics"] .elecQuickSearch input:focus-visible{
    border-color:var(--accent,#5b8cff)!important;
    box-shadow:0 0 0 3px rgba(var(--accent-rgb,91,140,255),.18)!important;
  }
  body[data-category="electronics"] .elecQuickSearch .btn{margin:0!important}
  body[data-category="electronics"] .elecLocationStatus,
  body[data-category="electronics"] .elecMapFallback{
    width:100%;
    margin:10px 0 0;
    padding:11px 12px;
    border:1px solid var(--border,#ccd2d8);
    border-radius:12px;
    background:var(--surface-2,#eef2f6);
    color:inherit;
    line-height:1.4;
    overflow-wrap:anywhere;
  }
  body[data-category="electronics"] .elecMapFallback{margin:14px;max-width:calc(100% - 28px)}
  body[data-category="electronics"] .elecHeroActions :is(.btn,button),
  body[data-category="electronics"] .elecCardAction{justify-content:center}
  body[data-category="electronics"] .elecCategoryRail{
    width:100%;
    max-width:100%;
    overscroll-behavior-inline:contain;
  }
  body[data-category="electronics"] .elecCategoryChip{max-width:none}
  body[data-category="electronics"] .elecMobileDiscovery{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,auto)) minmax(0,1fr)!important;
  }
  body[data-category="electronics"] .elecMobileResultCount{
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  body[data-category="electronics"] .elecFilterCount{color:#07111d!important}

  body[data-category="electronics"] .elecFilterBackdrop{
    z-index:10020!important;
  }
  body[data-category="electronics"] .elecFilter{
    z-index:10030!important;
    left:env(safe-area-inset-left,0px)!important;
    right:env(safe-area-inset-right,0px)!important;
    width:auto!important;
    max-width:560px!important;
    max-height:min(88dvh,760px)!important;
    margin-inline:auto!important;
    overscroll-behavior:contain;
  }
  body[data-category="electronics"] .elecFilterSheetHead strong{overflow-wrap:anywhere}
  body[data-category="electronics"] .elecFilter .elecActions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-category="electronics"] .elecFilter .elecActions :is(.btn,a,button){width:100%}

  body[data-category="electronics"] .elecResults,
  body[data-category="electronics"] .elecResultsWrap,
  body[data-category="electronics"] .elecCard,
  body[data-category="electronics"] .elecCard__body{width:100%;max-width:100%;min-width:0}
  body[data-category="electronics"] .elecCard h3{
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    white-space:normal!important;
  }
  body[data-category="electronics"] .elecCard .elecMeta,
  body[data-category="electronics"] .elecCard .elecMeta.elecCardFacts{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  body[data-category="electronics"] .elecMap{width:100%;max-width:100%;border-radius:16px}

  body[data-category="electronics"] .elecPanel,
  body[data-category="electronics"] .elecDetailGrid,
  body[data-category="electronics"] .elecCommerceAside{max-width:100%;min-width:0}
  body[data-category="electronics"] .elecBadges,
  body[data-category="electronics"] .elecTrust{
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
  body[data-category="electronics"] .elecBadge,
  body[data-category="electronics"] .elecTrust span{
    flex:0 1 auto!important;
    white-space:normal!important;
  }
  body[data-category="electronics"] .elecQuickSpecs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible!important;
  }
  body[data-category="electronics"] .elecQuickSpec{width:auto!important;min-width:0!important;max-width:none!important}
  body[data-category="electronics"] .elecQuickSpec strong{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  body[data-category="electronics"] .elecSpec{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:start!important;
  }
  body[data-category="electronics"] .elecSpec strong{text-align:right}
  body[data-category="electronics"] .elecRelated strong{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  body[data-category="electronics"] .elecSellerPanel .elecActions,
  body[data-category="electronics"] .elecSellerPanel .elecActions form,
  body[data-category="electronics"] .elecCommercePanel .elecActions,
  body[data-category="electronics"] .elecSafetyForm{
    width:100%;
    max-width:100%;
  }
  body[data-category="electronics"] .elecSellerPanel .elecActions :is(form,.btn,button),
  body[data-category="electronics"] .elecSafetyForm .btn{width:100%}
  body[data-category="electronics"] .listingAuctionCore :is(small,span,label){overflow-wrap:anywhere}

  body[data-category="electronics"] .elecDetail{
    padding-bottom:calc(var(--elec-mobile-action-space,116px) + env(safe-area-inset-bottom,0px))!important;
  }
  body[data-category="electronics"] .elecMobileActionBar{
    z-index:8700!important;
    left:max(8px,calc(env(safe-area-inset-left,0px) + 8px))!important;
    right:max(8px,calc(env(safe-area-inset-right,0px) + 8px))!important;
    grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;
    max-width:none;
  }
  body[data-category="electronics"] .elecMobileActionBar strong,
  body[data-category="electronics"] .elecMobileActionBar span{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-category="electronics"] .elecMobileActionBar>div{min-width:0;overflow-wrap:anywhere}
  body[data-category="electronics"] .elecMobileActionBar .btn{white-space:normal!important}
  body[data-category="electronics"] .elecLightbox{
    z-index:10040!important;
    width:100%;
    max-width:100%;
    padding:
      max(64px,calc(env(safe-area-inset-top,0px) + 12px))
      max(8px,calc(env(safe-area-inset-right,0px) + 8px))
      max(28px,calc(env(safe-area-inset-bottom,0px) + 8px))
      max(8px,calc(env(safe-area-inset-left,0px) + 8px))!important;
  }
  body[data-category="electronics"] .elecLightboxClose{
    top:max(16px,calc(env(safe-area-inset-top,0px) + 8px))!important;
    right:max(16px,calc(env(safe-area-inset-right,0px) + 8px))!important;
  }
  body[data-category="electronics"] .elecLightboxPrev{left:max(6px,calc(env(safe-area-inset-left,0px) + 6px))!important}
  body[data-category="electronics"] .elecLightboxNext{right:max(6px,calc(env(safe-area-inset-right,0px) + 6px))!important}
  body[data-category="electronics"] .elecLightboxCount{top:max(22px,calc(env(safe-area-inset-top,0px) + 8px))!important}

  body[data-category="electronics"] .elecCreate{
    padding-bottom:var(--elec-create-action-space,calc(112px + env(safe-area-inset-bottom,0px)))!important;
  }
  body[data-category="electronics"] .elecCreateStepper{
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
  body[data-category="electronics"] .elecCreateStep{
    flex:1 1 calc(33.333% - 8px)!important;
    white-space:normal!important;
    padding:8px 10px!important;
  }
  body[data-category="electronics"] .elecCreate input[type="file"]{padding:6px!important}
  body[data-category="electronics"] .elecCreate input[type="file"]::file-selector-button{
    max-width:100%;
    min-height:36px;
    margin:0 8px 4px 0;
    padding:8px 10px;
    border:1px solid var(--border,#ccd2d8);
    border-radius:9px;
    background:var(--surface-2,#eef2f6);
    color:inherit;
    white-space:normal;
  }
  body[data-category="electronics"] .elecCreate :is(ul,ol),
  body[data-category="electronics"] .elecAdminDocs :is(ul,ol){padding-left:20px}
  body[data-category="electronics"] .elecMedia>div{min-width:138px}
  body[data-category="electronics"] .elecMedia>div .btn{width:100%;margin-top:6px}
  body[data-category="electronics"] .elecCreateMobileActions{
    z-index:8700!important;
    left:max(8px,calc(env(safe-area-inset-left,0px) + 8px))!important;
    right:max(8px,calc(env(safe-area-inset-right,0px) + 8px))!important;
    max-width:none;
  }
  body[data-category="electronics"] .elecCreateMobileActions .elecSubmitMobile{grid-column:auto!important}
  body[data-category="electronics"] .elecCreateMobileActions:has([data-elec-step-back][hidden]) [data-elec-step-next]{grid-column:1/-1}

  body[data-category="electronics"] .elecAdminGrid,
  body[data-category="electronics"] .elecAdminGrid>section,
  body[data-category="electronics"] .elecAdminCard,
  body[data-category="electronics"] .elecAdminDocs{width:100%;max-width:100%;min-width:0}
  body[data-category="electronics"] .elecAdminActions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body[data-category="electronics"] .elecAdminActions input,
  body[data-category="electronics"] .elecAdminActions .btn{width:100%!important;min-width:0!important}
  body[data-category="electronics"] .elecAdminDocs a{overflow-wrap:anywhere}
}

@media (max-width:820px){
  body[data-category="electronics"][data-mobile-keyboard="open"] :is(.elecMobileActionBar,.elecCreateMobileActions){display:none!important}
  body[data-category="electronics"][data-mobile-keyboard="open"] .elecCreate{
    --elec-create-action-space:16px;
    padding-bottom:16px!important;
  }
}

@media (max-width:480px){
  body[data-category="electronics"] .elecQuickSearch{grid-template-columns:1fr}
  body[data-category="electronics"] .elecQuickSearch .btn{width:100%}
  body[data-category="electronics"] .elecMobileDiscovery{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body[data-category="electronics"] .elecMobileDiscovery button{padding-inline:7px!important}
  body[data-category="electronics"] .elecMobileResultCount{
    grid-column:1/-1;
    text-align:left!important;
  }
  body[data-category="electronics"] .elecCard{
    display:block!important;
  }
  body[data-category="electronics"] .elecCard__media{
    width:100%;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9;
  }
  body[data-category="electronics"] .elecCard img{
    width:100%;
    height:100%!important;
    min-height:0!important;
    object-fit:cover;
  }
  body[data-category="electronics"] .elecQuickSpecs{grid-template-columns:1fr}
  body[data-category="electronics"] .elecSpec{grid-template-columns:1fr;gap:4px}
  body[data-category="electronics"] .elecSpec strong{text-align:left}
  body[data-category="electronics"] .elecRelated{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }
  body[data-category="electronics"] .elecRelated a{width:100%;max-width:100%;flex:none!important}
  body[data-category="electronics"] .elecRelated img{height:auto!important;aspect-ratio:16/9}
  body[data-category="electronics"] .elecCreateStep{flex:1 1 calc(50% - 8px)!important}
}

@media (max-width:360px){
  body[data-category="electronics"] .elecCreateMobileActions{
    grid-template-columns:1fr!important;
  }
  body[data-category="electronics"] .elecCreateMobileActions :is(.btn,button){width:100%}
  body[data-category="electronics"] .elecMobileActionBar{
    position:static!important;
    grid-template-columns:1fr!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:0 10px calc(18px + env(safe-area-inset-bottom,0px));
  }
  body[data-category="electronics"] .elecMobileActionBar .btn{width:100%}
  body[data-category="electronics"] .elecDetail{
    padding-bottom:12px!important;
  }
  body[data-category="electronics"] .elecFilter .elecActions{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  body[data-category="electronics"] :is(.elecFilter,.elecFilterBackdrop,.elecLightbox,.elecCreateStep,.elecCategoryChip){
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }
}