*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#111;background:#fff}.ticker{height:31px;background:#080808;color:#fff;overflow:hidden;font-size:12px;font-weight:800}.ticker-track{height:100%;display:flex;align-items:center;gap:70px;white-space:nowrap;width:max-content;animation:marquee 28s linear infinite}.ticker b{color:#ff1590}@keyframes marquee{to{transform:translateX(-50%)}}.header{height:92px;display:flex;align-items:center;gap:24px;padding:0 4%;border-bottom:1px solid #eee;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#111;min-width:185px}.pumpkin{font-size:48px;filter:drop-shadow(0 4px 4px #ddd);animation:float 3s ease-in-out infinite}.brand-text{font-weight:900;font-size:21px;line-height:.88}.brand-text span{background:#08e890;padding:2px 5px;border-radius:4px;font-size:17px}nav{display:flex;gap:21px;align-items:center;white-space:nowrap}nav a{color:#111;text-decoration:none;font-size:13px;font-weight:700;padding:36px 0}nav a.active{color:#00b975;border-bottom:3px solid #08e890}.search{height:48px;flex:1;max-width:370px;border:1px solid #ddd;border-radius:25px;display:flex;overflow:hidden;margin-left:auto}.search input{border:0;outline:0;padding:0 18px;flex:1;font-size:13px}.search button{width:52px;border:0;background:#08e890;font-size:25px;cursor:pointer}.location{display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap}.location b{font-size:10px}.login,.sell{border:0;background:none;font-weight:800;white-space:nowrap;cursor:pointer}.sell,.primary{background:#08e890;color:#00150c;border:0;border-radius:12px;padding:14px 21px;font-weight:900;cursor:pointer;transition:.2s}.primary:hover,.sell:hover{transform:translateY(-2px);box-shadow:0 8px 20px #08e89033}.hero{display:grid;grid-template-columns:44% 56%;min-height:510px;padding:55px 4% 20px;align-items:center}.eyebrow{color:#f20b89;font-size:12px;font-weight:900;margin-bottom:12px}.hero-copy h1{font-size:53px;line-height:1.04;margin:0 0 20px;letter-spacing:-2.5px}.hero-copy em{font-style:normal;color:#f20b89}.hero-copy p{font-size:17px;color:#667085;max-width:500px;line-height:1.5}.hero-actions{display:flex;gap:12px;margin:25px 0}.secondary,.outline{background:#fff;border:1px solid #ddd;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer}.social-proof{display:flex;align-items:center;gap:10px;color:#667085;font-size:11px}.social-proof b{color:#00b978}.avatars{display:flex}.avatars i{font-style:normal;width:33px;height:33px;border-radius:50%;background:#eee;display:grid;place-items:center;border:2px solid white;margin-left:-5px}.hero-art{height:440px;position:relative;overflow:hidden}.mint-circle{position:absolute;width:650px;height:485px;background:#dffbf0;border-radius:50%;left:7%;top:7px}.product{position:absolute;z-index:2;filter:drop-shadow(0 18px 15px #aaa)}.shirt{font-size:180px;left:28%;top:30px}.cap{font-size:105px;left:27%;top:230px}.laptop{font-size:170px;left:46%;top:175px}.mug{font-size:72px;left:47%;top:310px}.photo-card{position:absolute;right:6%;top:30px;width:150px;height:170px;background:#fff;border:3px solid #222;border-radius:18px;display:grid;place-items:center;font-size:70px;transform:rotate(5deg);z-index:3}.sale-badge,.mini-card{position:absolute;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 30px #00000012;z-index:4}.sale-badge{top:25px;left:45%;background:#111;color:#fff;padding:12px 17px;font-weight:800}.balance{left:3%;top:245px;padding:14px;width:145px;transform:rotate(-5deg)}.balance small,.chart small{display:block;color:#667085}.balance b{display:block;margin-top:7px}.chart{right:2%;top:255px;padding:14px;width:180px}.chart .line{color:#00dc88;font-size:27px}.chart b{font-size:11px;color:#00b875}@keyframes float{50%{transform:translateY(-6px) rotate(-2deg)}}.categories{margin:0 4%;display:grid;grid-template-columns:repeat(10,1fr);border:1px solid #eee;border-radius:20px;box-shadow:0 12px 30px #0000000a;overflow:hidden}.cat{background:#fff;border:0;border-right:1px solid #eee;padding:16px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:.25s}.cat:hover{transform:translateY(-5px);background:#f4fff9}.cat span{font-size:31px}.cat b{font-size:11px}.cat small{color:#8a8f98;font-size:9px}.section{padding:45px 4%}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{font-size:26px;margin:0}.section-head p{margin:4px 0;color:#888}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.product-card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;transition:.25s;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000012}.prod-img{height:175px;background:#f4f5f6;display:grid;place-items:center;font-size:80px;position:relative;overflow:hidden}.prod-img img{width:100%;height:100%;object-fit:cover}.featured{position:absolute;bottom:9px;left:9px;background:#f20b89;color:#fff;padding:6px 10px;border-radius:8px;font-size:10px;font-weight:900}.heart{position:absolute;right:9px;top:9px;background:#fff;border:0;border-radius:50%;width:31px;height:31px;font-size:18px;cursor:pointer}.prod-info{padding:12px}.prod-info h3{font-size:13px;margin:0 0 8px}.price{font-size:17px;font-weight:900}.place{font-size:10px;color:#777;margin-top:8px}.empty{text-align:center;padding:60px;color:#888}.local-box{margin:20px 4%;padding:38px 45px;border-radius:24px;background:linear-gradient(100deg,#e8fff6,#fff1fa);display:flex;justify-content:space-between;align-items:center}.tag{color:#f20b89;font-size:11px;font-weight:900}.local-box h2{margin:8px 0;font-size:28px}.local-box p{color:#667085}.how{padding:45px 4%;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.steps>div{padding:25px;border:1px solid #eee;border-radius:18px}.steps b{color:#f20b89;font-size:30px}footer{margin-top:30px;padding:30px 4%;background:#090909;color:#fff;display:flex;gap:35px}footer span{color:#aaa}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:50;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{background:#fff;width:490px;max-width:96vw;max-height:92vh;overflow:auto;border-radius:20px;padding:30px;position:relative}.modal-box.wide{width:720px}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.modal-title{display:flex;gap:14px;align-items:center}.modal-title>span{font-size:38px}.modal-title h2{margin:0}.modal-title p{margin:4px 0;color:#777}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.form-grid label,.modal-box>label{display:block;font-size:12px;font-weight:800}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.modal-box>label input{width:100%;margin-top:6px;padding:11px;border:1px solid #ddd;border-radius:10px;font:inherit;outline:none}.form-grid textarea{height:85px;resize:vertical}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto!important}.preview {
    min-height: 140px;
    border: 2px dashed #ddd;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    box-sizing: border-box;
    color: #999;
    margin: 14px 0;
    overflow-y: auto;
}.preview img{width:100%;height:100%;object-fit:cover}.plan-choice{border:1px solid #eee;border-radius:14px;padding:14px}.plan-choice h3{margin:0 0 10px;font-size:14px}.plan-choice label{display:flex;align-items:center;gap:10px;padding:9px;border-radius:10px;cursor:pointer}.plan-choice label:hover{background:#f6fff9}.plan-choice span{display:flex;flex-direction:column}.plan-choice small{color:#777}.submit{width:100%;margin-top:16px}.text-btn{border:0;background:none;color:#00a970;font-weight:800;margin-top:14px;cursor:pointer}.detail-img{height:280px;background:#f5f5f5;border-radius:15px;display:grid;place-items:center;font-size:120px;overflow:hidden}.detail-img img{width:100%;height:100%;object-fit:cover}.detail h2{font-size:25px}.detail-price{font-size:27px;font-weight:900}.detail-actions{display:flex;gap:10px;margin-top:20px}.toast{position:fixed;right:25px;bottom:25px;background:#111;color:#fff;padding:14px 18px;border-radius:12px;opacity:0;transform:translateY(15px);transition:.3s;z-index:80}.toast.show{opacity:1;transform:none}@media(max-width:1200px){nav{gap:10px}.location{display:none}.products{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(5,1fr)}}
.preview img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #ddd;
    flex-shrink: 0;
}
/* GALERIA FIXA DO ANÚNCIO */
.photo-gallery {
    position: relative;
    width: 100%;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #f5f5f5;
    border-radius: 12px;
    overflow: hidden;
}

/* TODAS AS FOTOS USAM A MESMA ÁREA */
.photo-gallery .detail-image {
    width: 100% !important;
    height: 420px !important;
    max-height: 420px !important;

    object-fit: contain;
    display: block;
}

.gallery-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.65);
    color: white;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    z-index: 5;
    transition: 0.2s;
}

.gallery-btn:hover {
    background: rgba(0, 0, 0, 0.85);
    transform: translateY(-50%) scale(1.08);
}

.gallery-btn.prev {
    left: 12px;
}

.gallery-btn.next {
    right: 12px;
}

.photo-counter {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.65);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 13px;
}
/* ==========================================
   MEUS ANÚNCIOS - COMPRA FÁCIL RV
   ========================================== */

.my-listings-modal {
    width: 850px !important;
    max-width: 96vw;
    padding: 28px;
}

/* Barra de busca e filtro */
.my-listings-tools {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 12px;
    margin: 22px 0 15px;
}

.my-listings-tools input,
.my-listings-tools select {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 11px;
    padding: 0 14px;
    font: inherit;
    font-size: 13px;
    outline: none;
    background: #fff;
}

.my-listings-tools input:focus,
.my-listings-tools select:focus {
    border-color: #08e890;
    box-shadow: 0 0 0 3px #08e89022;
}


/* Cada anúncio */
.my-listing-item {
    display: grid;
    grid-template-columns: 82px 1fr auto;
    gap: 16px;
    align-items: center;

    padding: 14px 4px;
    border-top: 1px solid #eee;

    transition: .2s;
}

.my-listing-item:hover {
    background: #f9fffc;
}


/* Imagem */
.my-listing-photo {
    width: 82px;
    height: 82px;
    border-radius: 12px;
    overflow: hidden;
    background: #f4f5f6;
    display: grid;
    place-items: center;
}

.my-listing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.my-listing-image.no-image {
    font-size: 34px;
}


/* Informações */
.my-listing-info {
    min-width: 0;
}

.my-listing-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.my-listing-top h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 900;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my-listing-price {
    display: block;
    color: #00a970;
    font-size: 16px;
    margin-bottom: 5px;
}

.my-listing-meta {
    margin: 0;
    color: #777;
    font-size: 11px;
}


/* Status */
.my-listing-status {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    padding: 5px 9px;
    border-radius: 20px;

    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.my-listing-status.active {
    background: #e8fff2;
    color: #00a970;
}

.my-listing-status.paused {
    background: #fff4df;
    color: #ed8a00;
}

.my-listing-status.expired {
    background: #f0f1f3;
    color: #747b87;
}


/* Botões */
.my-listing-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-listing-actions button {
    height: 40px;
    padding: 0 13px;

    border-radius: 10px;

    font-weight: 800;
    font-size: 12px;

    cursor: pointer;
    transition: .2s;
}

.my-listing-edit {
    background: #fff;
    border: 1px solid #ddd;
    color: #111;
}

.my-listing-edit:hover {
    border-color: #08e890;
    background: #f4fff9;
    transform: translateY(-1px);
}

.my-listing-delete {
    background: #fff;
    border: 1px solid #ffb8b8;
    color: #e53935;
}

.my-listing-delete:hover {
    background: #fff2f2;
    border-color: #e53935;
    transform: translateY(-1px);
}


/* Estado vazio */
.empty-state {
    text-align: center;
    padding: 45px 20px;
    color: #777;
}

.empty-state p {
    margin: 8px 0;
}

.empty-state strong {
    color: #111;
}


/* ==========================================
   RESPONSIVO
   ========================================== */

@media (max-width: 700px) {

    .my-listings-modal {
        padding: 20px;
    }

    .my-listings-tools {
        grid-template-columns: 1fr;
    }

    .my-listing-item {
        grid-template-columns: 65px 1fr;
        gap: 12px;
    }

    .my-listing-photo {
        width: 65px;
        height: 65px;
    }

    .my-listing-top {
        display: block;
    }

    .my-listing-status {
        margin-top: 5px;
    }

    .my-listing-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 5px;
    }

    .my-listing-actions button {
        flex: 1;
    }
}