@media(min-width:761px) and (max-width:850px){.header-row{gap:10px}.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;left:24px;right:24px;top:70px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:12px;align-items:stretch;gap:0}.nav-links.open{display:grid}.nav-links button,.nav-links a{text-align:left;padding:12px;font-size:14px;border-bottom:1px solid #f0f2f5}.header-actions{margin-left:auto}.header-actions .header-sell{display:none}}

@media(max-width:1020px){.nav-links{gap:14px}.nav-links button,.nav-links a{font-size:12px}.header-row{gap:17px}.header-actions .login-button{display:none}.hero-box{padding:42px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,1fr)}}

@media(max-width:760px){.container{width:min(100% - 32px,var(--container))}.announcement .container{height:31px}.announcement span{font-size:10px}.university-top{font-size:10px}.header-row{height:65px;gap:10px}.brand{font-size:16px}.brand-mark{width:33px;height:33px}.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;left:16px;right:16px;top:62px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:12px;align-items:stretch;gap:0}.nav-links.open{display:grid}.nav-links button,.nav-links a{text-align:left;padding:12px;font-size:14px;border-bottom:1px solid #f0f2f5}.header-actions{margin-left:auto}.header-actions .header-sell{display:none}.header-actions .icon-button{min-width:39px;height:39px}.hero{padding:22px 0 25px}.hero-box{padding:29px 23px 23px;grid-template-columns:1fr;gap:0;border-radius:22px;min-height:0}.hero-box:after{right:-230px;top:-240px}.hero h1{font-size:40px;max-width:500px;margin-top:14px}.hero-copy p{font-size:14px;margin-bottom:18px}.hero-proof{font-size:10px;gap:10px;flex-wrap:wrap;margin-top:17px}.hero-art{height:205px;margin-top:5px}.collage{height:190px;width:320px}.float-card{width:140px;padding:9px;left:25px;top:13px}.float-card.second{right:15px;top:44px}.float-card .mini-art{height:80px}.float-card strong{font-size:10px}.float-card b{font-size:12px}.bubble.one{right:0;top:0}.bubble.two{left:0;bottom:-5px}.section{padding:30px 0}.section-head{align-items:flex-start;margin-bottom:16px}.section-head p{font-size:12px}.section-head h2{font-size:25px}.university-bar{padding:12px;gap:10px;flex-wrap:wrap}.university-icon{width:37px;height:37px}.university-bar div:nth-child(2){min-width:calc(100% - 55px)}.university-bar select{max-width:none;width:100%;min-width:0}.searchbox{padding:5px 5px 5px 11px}.searchbox .btn{display:none}.searchbox input{height:39px;font-size:13px}.popular-searches{font-size:10px;gap:6px}.chip{padding:6px 9px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-tile{padding:13px;min-height:112px}.category-icon{width:36px;height:36px;margin-bottom:9px}.category-tile strong{font-size:12px}.category-tile small{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{aspect-ratio:1.14}.product-art svg{width:62px;height:62px}.product-body{padding:10px}.product-title{font-size:12px;min-height:33px}.product-sub{font-size:10px;margin:3px 0 7px}.product-price{font-size:14px}.condition{font-size:9px;padding:4px 6px}.seller-line{padding-top:8px;margin-top:7px;font-size:9px}.product-actions .btn{font-size:10px;min-height:34px;padding:0 5px}.product-actions .whatsapp-short{display:none}.promo{padding:22px;align-items:flex-start;flex-direction:column}.promo h2{font-size:23px}.sell-banner{padding:25px;align-items:flex-start;flex-direction:column}.sell-banner h2{font-size:25px}.how-grid{grid-template-columns:1fr;gap:10px}.how-card{padding:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-top{padding:25px 0 12px}.page-top h1{font-size:30px}.market-layout{display:block;padding:8px 0 45px}.filters{display:none}.filters.open{display:block;position:fixed;z-index:50;inset:auto 0 0;top:auto;border-radius:20px 20px 0 0;max-height:85vh;overflow:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(15,23,42,.17)}.mobile-filter{display:inline-flex}.results-head{flex-wrap:wrap}.results-head select{min-width:145px}.details{display:block;padding:22px 0 45px}.detail-main-art{aspect-ratio:1.15}.detail-main-art svg{width:115px;height:115px}.detail-info{padding-top:25px}.detail-info h1{font-size:29px}.detail-price{font-size:24px}.detail-specs{gap:11px}.contact-actions{grid-template-columns:1fr}.detail-thumbs{gap:7px}.thumb{width:60px;height:55px}.auth-wrap{margin:25px auto 48px}.auth-card{padding:23px}.auth-card h1{font-size:27px}.form-grid{grid-template-columns:1fr;gap:0}.form-field.full{grid-column:auto}.sell-layout{padding:22px 0 50px}.sell-card{padding:20px}.sell-card h1{font-size:27px}.dashboard{padding:25px 0 35px}.dashboard-head h1{font-size:26px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:20px}.panel{padding:14px}.listing-row{grid-template-columns:42px 1fr auto;gap:8px}.listing-thumb{width:42px;height:42px}.listing-row .status{grid-column:2;justify-self:start}.row-actions{grid-column:3;grid-row:1/3;flex-direction:column}.profile-card{padding:17px;flex-wrap:wrap}.profile-card .btn{width:100%}.toast-region{left:12px;right:12px;top:12px}.toast{justify-content:center}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;border-radius:20px 20px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));max-height:90vh}.zoom-art{min-height:250px}}

@media(min-width:761px) and (max-width:1020px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-box{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.9)}}

@media(max-width:390px){.container{width:calc(100% - 24px)}.header-row{gap:7px}.brand{font-size:14px;gap:7px}.header-actions{gap:5px}.hero h1{font-size:36px}.hero-box{padding:26px 18px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px}.product-body{padding:9px}.product-title{font-size:11px}.product-price{font-size:13px}.product-actions{gap:5px}.product-actions .btn{font-size:9px}.detail-info h1{font-size:26px}}

@media(max-width:380px){.card-gallery-controls{grid-template-columns:1fr;justify-items:center}.gallery-step{display:none}.gallery-count{justify-self:center}.product-actions{flex-wrap:wrap}.product-actions .btn{width:100%;flex-basis:100%}.product-actions .product-icon-action{flex-basis:auto;width:clamp(28px,8vw,40px);height:clamp(28px,8vw,40px)}.product-actions .product-icon-action + .product-icon-action{margin-left:auto}}

@media(max-width:360px){.product-actions{display:flex;flex-direction:column;align-items:stretch}.product-actions .btn{width:100%;flex-basis:100%}.product-actions .product-icon-action{align-self:flex-end}} 

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media (max-width: 760px) {
      .product-art { aspect-ratio: 4 / 3; }
      .card-gallery-controls { grid-template-columns: 44px 1fr 44px; }
      .gallery-step { width: 44px; height: 44px; }
      .detail-thumbs .thumb { height: 64px; }
      .hero-actions .btn { min-height: 48px; padding-inline: 16px; }
      .contact-actions .btn { min-height: 48px; }
    }

@media (max-width: 375px) {
      .product-grid { grid-template-columns: minmax(0, 1fr); }
      .product-art { aspect-ratio: 1.45; }
      .product-body { padding: 13px; }
      .product-title { min-height: 0; font-size: 14px; }
}

/* Product detail slideshow */
.product-detail-page { min-width: 0; }
.product-detail-page .details {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: start;
  gap: clamp(24px, 4vw, 48px);
  padding: 35px 0 65px;
}
.product-detail-gallery { min-width: 0; }
.product-detail-gallery .detail-main-art {
  position: relative;
  display: grid;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 0;
  overflow: hidden;
  place-items: center;
  border: 1px solid #e3e8f0;
  border-radius: 20px;
  background: #f3f5f8;
  cursor: grab;
  touch-action: pan-y;
}
.product-detail-gallery .detail-main-art:active { cursor: grabbing; }
.product-detail-gallery .detail-main-art:focus-visible { outline: 3px solid rgba(31,107,255,.55); outline-offset: 3px; }
.product-detail-gallery .detail-main-art > img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: clamp(10px, 2vw, 24px);
  user-select: none;
}
.product-detail-gallery .detail-main-art > img.is-changing { animation: detail-slide-in .24s ease both; }
.product-detail-gallery .detail-gallery-count {
  position: absolute;
  z-index: 2;
  left: 14px;
  bottom: 14px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 999px;
  background: rgba(15,23,42,.76);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.detail-gallery-nav,
.detail-gallery-expand {
  position: absolute;
  z-index: 3;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(220,226,235,.9);
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  color: #17243a;
  box-shadow: 0 3px 14px rgba(15,23,42,.12);
  cursor: pointer;
  transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.detail-gallery-nav { top: 50%; transform: translateY(-50%); }
.detail-gallery-prev { left: 14px; }
.detail-gallery-next { right: 14px; }
.detail-gallery-expand {
  right: 14px;
  bottom: 12px;
  display: flex;
  width: auto;
  min-width: 44px;
  gap: 7px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
}
.detail-gallery-expand svg { width: 18px; height: 18px; flex: none; }
.detail-gallery-nav svg { width: 21px; height: 21px; }
.detail-gallery-nav:hover,
.detail-gallery-expand:hover { background: #fff; transform: translateY(-50%) scale(1.04); }
.detail-gallery-expand:hover { transform: scale(1.04); }
.detail-gallery-nav:active,
.detail-gallery-expand:active { transform: translateY(-50%) scale(.97); }
.detail-gallery-expand:active { transform: scale(.97); }
.detail-thumbs {
  display: flex;
  max-width: 100%;
  gap: 10px;
  margin-top: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.detail-thumbs[hidden] { display: none; }
.detail-thumbs .thumb {
  position: relative;
  flex: 0 0 82px;
  width: 82px;
  height: 70px;
  padding: 3px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 12px;
  background: #f3f5f8;
  cursor: pointer;
  scroll-snap-align: start;
  transition: border-color .2s ease, opacity .2s ease;
}
.detail-thumbs .thumb.selected { border-color: #1f6bff; }
.detail-thumbs .thumb img { width: 100%; height: 100%; border-radius: 7px; object-fit: cover; }
.detail-info { min-width: 0; padding-top: 4px; }
.detail-info h1 { margin-top: 12px; overflow-wrap: anywhere; }
.detail-info .detail-meta { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 4px; }
.detail-info .detail-price { margin: 10px 0 16px; }
.detail-info .seller-box { background: #fff; }
.product-viewer-dialog {
  position: fixed;
  inset: 0;
  display: flex;
  width: 100vw;
  height: 100dvh;
  max-height: none;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: max(16px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  border-radius: 0;
  background: #f7f8fa;
  transform: none;
  animation: fade .18s ease both;
}
.product-viewer-dialog .modal-head { flex: none; margin: 0; }
.product-viewer-dialog .modal-head h2 { font-size: 16px; font-weight: 650; }
.product-viewer-dialog .image-viewer { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.image-viewer-toolbar { display: flex; justify-content: center; padding: 10px 0; color: #475569; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.image-viewer-stage {
  position: relative;
  display: grid;
  min-height: 0;
  flex: 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #edf0f4;
  touch-action: pan-y;
}
.image-viewer-stage > img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }
.image-viewer-caption { flex: none; margin: 12px 0 0; color: #475569; text-align: center; font-size: 13px; }
.product-viewer-dialog .modal-actions { display: none; }
@keyframes detail-slide-in { from { opacity: .55; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } }
@media (hover: hover) {
  .detail-gallery-nav, .detail-gallery-expand { opacity: .9; }
  .detail-main-art:hover .detail-gallery-nav,
  .detail-main-art:hover .detail-gallery-expand { opacity: 1; }
}
@media (max-width: 760px) {
  .product-detail-page .details { display: block; padding: 22px 0 45px; }
  .product-detail-gallery .detail-main-art { aspect-ratio: 4 / 3; }
  .detail-gallery-nav { width: 44px; height: 44px; }
  .detail-gallery-prev { left: 8px; }
  .detail-gallery-next { right: 8px; }
  .detail-gallery-expand { width: 44px; min-width: 44px; justify-content: center; padding: 0; }
  .detail-gallery-expand span { display: none; }
  .detail-thumbs { gap: 8px; }
  .detail-thumbs .thumb { flex-basis: 68px; width: 68px; height: 62px; }
  .detail-info { padding-top: 22px; }
  .product-viewer-dialog { padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
  .image-viewer-stage { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-detail-gallery *,
  .product-viewer-dialog *,
  .product-detail-gallery *::before,
  .product-detail-gallery *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
      .product-actions .whatsapp-short { display: inline-flex; }
    }

@media (hover: hover) {
      .icon-button:hover { border-color: #c5d3e5; background: #f8faff; }
      .category-tile:hover { box-shadow: var(--shadow); }
      .product-card:hover { transform: translateY(-3px); }
    }

@media (hover: none) {
      .product-card:hover { transform: none; box-shadow: 0 2px 8px rgba(15, 23, 42, .025); }
      .category-tile:hover { transform: none; box-shadow: none; }
    }

@media (min-width: 761px) and (max-width: 1023px) {
      .header-row .menu-toggle { display: inline-flex; }
      .nav-links {
        display: none;
        position: absolute;
        top: calc(100% - 4px);
        left: 24px;
        right: 24px;
        z-index: var(--z-header);
        margin: 0;
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: white;
        box-shadow: var(--shadow);
      }
      .nav-links.open { display: grid; }
      .nav-links button { padding: 12px; text-align: left; font-size: 14px; }
      .header-actions .header-sell { display: none; }
      .hero-box { grid-template-columns: minmax(0, 1.08fr) minmax(240px, .92fr); gap: 12px; padding: 34px; }
      .hero-art { height: 220px; }
      .collage { width: min(360px, 100%); }
      .market-layout { grid-template-columns: 205px minmax(0, 1fr); gap: 18px; }
      .market-layout .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
      .market-layout .product-body { padding: 12px; }
      .market-layout .product-actions .btn { padding: 0 8px; font-size: 11px; }
      .details { grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 24px; }
    }

@media (max-width: 760px) {
      .container { width: calc(100% - 32px); }
      .announcement .container { height: auto; min-height: 38px; padding-block: 5px; gap: 8px; }
      .announcement span { min-width: 0; line-height: 1.35; }
      .announcement .university-top { flex: none; max-width: 42%; line-height: 1.35; }
      .header-row { gap: 8px; }
      .header-row .menu-toggle { display: inline-flex; }
      .brand { min-width: 0; font-size: 15px; }
      .hero { padding: 18px 0 20px; }
      .hero-box { grid-template-columns: 1fr; min-height: 0; padding: 22px 20px 16px; }
      .hero h1 { max-width: none; margin: 10px 0 12px; font-size: clamp(1.75rem, 7.2vw, 2.1rem); }
      .hero-copy p { margin-bottom: 14px; font-size: 13px; line-height: 1.5; }
      .hero-actions .btn { min-height: 46px; padding-inline: 16px; }
      .hero-proof { margin-top: 14px; }
      .hero-art { display: none; }
      .float-card .mini-art svg { width: 44px; height: 44px; }
      .bubble.one { right: 0; top: 0; }
      .section { padding: 30px 0; }
      .section-head { align-items: flex-start; gap: 12px; }
      .section-head > :last-child { flex: none; }
      .section-head p { font-size: 13px; }
      .home-categories .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
      .product-grid { gap: 12px; }
      .product-art { aspect-ratio: 4 / 3; }
      .product-body { padding: 11px; }
      .product-title { min-height: 2.8em; font-size: 13px; }
      .product-sub { white-space: normal; min-height: 2.8em; line-height: 1.4; }
      .product-actions .btn { min-height: 40px; }
      .product-actions { gap: 6px; }
      .product-actions .product-icon-action { flex-basis: 40px; width: 40px; min-width: 40px; }
      .product-actions .whatsapp-short { display: none; }
      .product-price-row { align-items: flex-start; }
      .condition { white-space: normal; text-align: center; }
      .university-bar { gap: 10px; margin-bottom: 14px; padding: 12px; }
      .university-bar select { width: 100%; min-width: 0; }
      .searchbox { min-height: 54px; }
      .searchbox input { font-size: 13px; }
      .popular-searches { margin-top: 8px; }
      .chip { padding: 5px 8px; }
      .footer-grid { gap: 20px; }
      .page-top { padding-top: 28px; }
      .market-layout { padding-top: 8px; }
      .market-layout .product-grid { gap: 12px; }
      .filters.open {
        inset: auto 0 0;
        max-height: min(85dvh, 760px);
        padding-bottom: calc(20px + env(safe-area-inset-bottom));
        border-radius: 22px 22px 0 0;
      }
      .filter-close { display: inline-flex; }
      .results-head { align-items: flex-start; }
      .results-head select { width: auto; min-width: 0; max-width: 55%; }
      .details { gap: 0; }
      .detail-info h1 { font-size: clamp(1.7rem, 7vw, 2rem); }
      .seller-box { padding: 13px; }
      .seller-box button { max-width: 100px; text-align: right; }
      .contact-actions .btn { padding-inline: 12px; }
      .auth-card, .sell-card { border-radius: 20px; }
      .modal-backdrop { padding: 0; align-items: end; }
      .modal {
        width: 100%;
        max-width: none;
        max-height: min(90dvh, 800px);
        border-radius: 22px 22px 0 0;
      }
      .toast-region { top: 12px; bottom: auto; }
      .toast { max-width: min(100%, 480px); align-self: center; text-align: center; }
    }

@media (max-width: 420px) {
      .container { width: calc(100% - 24px); }
      .announcement .container { gap: 8px; }
      .announcement span { min-width: 0; line-height: 1.3; }
      .university-top { flex: none; }
      .header-actions { gap: 4px; }
      .header-actions .icon-button { min-width: 38px; }
      .hero-box { padding-inline: 19px; }
      .hero h1 { max-width: none; font-size: clamp(1.75rem, 8vw, 2.25rem); }
      .hero-proof { gap: 8px 12px; }
      .section-head > :last-child { font-size: 11px; }
      .home-categories .category-grid { gap: 8px; }
      .home-categories .category-tile { min-height: 72px; gap: 8px; padding: 10px; }
      .home-categories .category-icon { width: 34px; height: 34px; }
      .home-categories .category-tile strong { font-size: 12px; }
      .product-grid { gap: 9px; }
      .product-body { padding: 9px; }
      .product-title { font-size: 12px; }
      .product-actions .btn { font-size: 10px; padding-inline: 4px; }
      .home-section .product-sub { font-size: 10px; }
      .home-section .seller-line { font-size: 10px; }
      .detail-specs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
      .seller-box { gap: 8px; }
      .seller-box .avatar { width: 38px; height: 38px; }
      .seller-box button { max-width: 82px; font-size: 10px; }
      .contact-actions .btn { font-size: 11px; }
    }

@media (min-width: 1024px) and (max-width: 1120px) {
      .float-card, .float-card.second { width: 144px; padding: 10px; }
      .float-card .mini-art { height: 92px; }
      .float-card .mini-art svg { width: 54px; height: 54px; }
      .float-card strong { font-size: 11px; }
      .float-card small { font-size: 9px; }
      .market-layout .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }

@media (max-width: 375px) {
      .hero-actions .btn { padding-inline: 10px; font-size: 12px; }
      .float-card, .float-card.second { width: 124px; padding: 8px; }
      .float-card .mini-art { height: 70px; }
      .float-card .mini-art svg { width: 48px; height: 48px; }
      .float-card strong { font-size: 10px; }
      .float-card small { font-size: 9px; }
      .float-card b { font-size: 11px; }
    }

@media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition-duration: .01ms !important; }
    }

@media (max-width: 1020px) {
  .auth-layout { grid-template-columns: minmax(280px, 40%) minmax(0, 60%); }
  .auth-promo { padding: 34px; }
  .auth-promo-copy h1 { font-size: clamp(36px, 5vw, 48px); }
  .seller-workspace { grid-template-columns: 205px minmax(0, 1fr); gap: 20px; }
  .seller-sidebar { padding-inline: 10px; }
  .sell-workflow-card { padding: 22px; }
}

@media (max-width: 760px) {
  body.auth-mode .main { min-height: 100svh; }
  .auth-layout { display: flex; flex-direction: column; min-height: 100svh; }
  .auth-promo { min-height: 0; padding: 20px 22px 22px; }
  .auth-brand { font-size: 16px; }
  .auth-brand .brand-mark { width: 35px; height: 35px; }
  .auth-promo-copy { margin: 19px 0 0; }
  .auth-kicker { font-size: 9px; }
  .auth-promo-copy h1 { max-width: 20ch; margin: 7px 0; font-size: clamp(25px, 7vw, 34px); }
  .auth-promo-copy > p { max-width: 54ch; font-size: 12px; line-height: 1.5; }
  .auth-benefits, .auth-illustration, .auth-promo-foot { display: none; }
  .auth-panel { min-height: 0; padding: 30px 22px 44px; }
  .auth-form-wrap { width: min(100%, 460px); }
  .auth-mobile-brand { display: none; }
  .auth-card-premium h2 { font-size: 30px; }
  .auth-intro { margin-bottom: 21px; }
  .auth-terms { margin-top: 18px; }

  .profile-setup { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-block: 25px 45px; }
  .profile-setup-heading { margin: 26px 0 22px; }
  .profile-benefits { min-height: 0; padding: 22px; }
  .profile-benefits-icon { margin-bottom: 16px; }
  .profile-benefits ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .profile-benefits li { align-items: flex-start; font-size: 11px; }
  .profile-art { min-height: 96px; }

  .seller-workspace { grid-template-columns: minmax(0, 1fr); gap: 0; padding-block: 22px 35px; }
  .seller-sidebar { display: none; }
  .sell-workspace-header { align-items: flex-start; margin: 1px 0 17px; }
  .sell-workspace-header h1 { font-size: 28px; }
  .sell-workspace-header p { max-width: 44ch; font-size: 12px; }
  .seller-user-chip { display: none; }
  .sell-workflow-card { padding: 18px; border-radius: 16px; }
  .listing-progress { gap: 7px; margin-bottom: 22px; }
  .listing-progress li { gap: 6px; }
  .progress-number { flex-basis: 28px; width: 28px; height: 28px; }
  .progress-label { font-size: 10px; }
  .progress-connector { min-width: 4px; }
  .listing-form-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .listing-form-grid .form-field.full { grid-column: auto; }
  .listing-step-actions { align-items: stretch; flex-direction: column-reverse; }
  .listing-step-actions .btn { width: 100%; }
  .step-privacy-note { order: 2; }
  .preview-grid { gap: 8px; }
  .preview-item button { width: 44px; height: 44px; }
  .review-photo-grid { aspect-ratio: 1.65; }
  .review-header { align-items: flex-start; }
  .review-header .text-link { font-size: 11px; }
}

@media (max-width: 420px) {
  .auth-promo { padding-inline: 18px; }
  .auth-panel { padding-inline: 18px; }
  .auth-card-premium h2 { font-size: 27px; }
  .auth-card-premium .form-field { margin-bottom: 14px; }
  .profile-photo-row { align-items: flex-start; gap: 12px; }
  .profile-avatar { flex-basis: 70px; width: 70px; height: 70px; }
  .profile-benefits ul { grid-template-columns: minmax(0, 1fr); }
  .seller-workspace { padding-top: 17px; }
  .sell-workflow-card { padding: 15px; }
  .listing-progress { gap: 4px; }
  .listing-progress li { gap: 5px; }
  .progress-number { flex-basis: 25px; width: 25px; height: 25px; font-size: 10px; }
  .progress-label { font-size: 9px; }
  .review-photo-grid { gap: 4px; }
  .review-card-copy h3 { font-size: 18px; }
}

@media (max-width: 360px) {
  .listing-progress { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .progress-label { max-width: 60px; }
  .sell-workspace-header h1 { font-size: 25px; }
  .listing-step-actions .btn { white-space: normal; }
}

@media (max-width: 420px) {
  .header-row { gap: 3px; }
  .header-row .brand { gap: 6px; font-size: 13px; }
  .header-row .brand-mark { width: 31px; height: 31px; }
  .header-actions { gap: 2px; }
  .header-actions .icon-button { width: 40px; min-width: 40px; height: 44px; }
  .product-actions { display: grid; grid-template-columns: minmax(0, 1fr) 40px 40px; gap: 5px; }
  .product-actions .btn { min-width: 0; min-height: 40px; padding-inline: 4px; font-size: 10px; }
  .product-actions .product-icon-action { width: 40px; min-width: 40px; min-height: 40px; }
  .product-actions .whatsapp-short { display: inline-flex; }
}

@media (max-width: 375px) {
  .header-row { gap: 3px; }
  .header-row .brand { gap: 5px; font-size: 12px; }
  .header-row .brand-mark { width: 30px; height: 30px; }
  .header-actions { gap: 2px; }
  .header-actions .icon-button { width: 36px; min-width: 36px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .cart-overlay, .cart-drawer { transition-duration: .01ms !important; }
}

@media (max-width: 760px) {
  .announcement .container { height: auto; min-height: 40px; }
  .university-top { display: inline-flex; align-items: center; min-height: 40px; padding-inline: 8px; }
  .header-row .brand { min-height: 40px; align-items: center; }
  .chip, .btn-link { min-height: 40px; }
  .filters.open .filter-group input,
  .filters.open .filter-group select { min-height: 44px; }
  .filters.open .text-link { min-height: 40px; padding-inline: 8px; display: inline-flex; align-items: center; }
  .footer-grid > div:not(:first-child) > button,
  .footer-grid > div:not(:first-child) > a:not(.footer-brand) { min-height: 40px; }
}
