/* ================= HEADER ================= */

header{
    position:fixed;
    top:38px;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px 80px;
    background:rgba(0,0,0,0.9);
    backdrop-filter:blur(8px);
    z-index:1000;
}

.logo img{
    height:45px;
}

nav{
    display:flex;
    align-items:center;
}

nav a{
    margin-left:35px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    letter-spacing:1px;
    transition:0.3s;
}

nav a:hover{
    color:#8B0000;
}

/* ================= HEADER CART ================= */

.cart-icon{

position:relative;

margin-left:35px;

font-size:20px;

text-decoration:none;

color:white;

}

.cart-count{

position:absolute;

top:-8px;

right:-12px;

background:#8B0000;

color:white;

font-size:11px;

font-weight:700;

padding:3px 6px;

border-radius:50%;

}

/* ================= MARQUEE ================= */

.top-marquee{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:38px;
    background:#8a0000;
    color:#fff;
    z-index:1100;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.top-marquee-track{
    display:flex;
    width:max-content;
    animation:marquee 28s linear infinite;
}

.marquee-content{
    display:flex;
    gap:22px;
    padding:0 30px;
    white-space:nowrap;
    font-size:0.78rem;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* ================= HERO ================= */

.hero{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:110px 20px 40px 20px;
}

.hero h1{
    font-size:6rem;
    font-weight:900;
    line-height:1.1;
}

.hero p{
    font-size:1.4rem;
    margin-top:25px;
    font-weight:700;
    letter-spacing:2px;
    opacity:0.9;
}

/* ================= HERO DROP UNIFICADO ================= */

.drop-hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#0b0b0b;
    padding:110px 20px 40px 20px;
}

.hero-content{
    max-width:800px;
}

.drop-hero h1{
    font-size:5.5rem;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:40px;
}

.hero-poem{
font-size: 5.5rem;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: center;
}

.hero-title {
  font-size: 4rem;
  letter-spacing: 6px;
  text-transform: uppercase;
  white-space: nowrap; /* impede quebra de linha */
  justify-content: center;
}

#hero-sub{
    margin-top:40px;
    max-width:650px;
    line-height:1.8;
    letter-spacing:1px;
    opacity:0.85;
}

/* ================= PRODUCT BLOCK ================= */

.product-block{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:80px;
    padding:120px 80px;
    border-top:1px solid #151515;
}

/* ===== SIZE SELECTOR ===== */

.size-selector{
margin-top:20px;
display:flex;
flex-direction:column;
gap:8px;
}

.size-selector label{
font-size:0.9rem;
opacity:0.8;
}

.size-select{
padding:10px;
background:#111;
color:#fff;
border:1px solid #333;
font-family:'Montserrat',sans-serif;
}

/* ===== CART BUTTON ===== */

.add-cart{
margin-top:15px;
width:100%;
text-decoration: none;
}

/* SLIDER */

.slider-container{
    position:relative;
    width:600px;
    height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden; /* ALTERADO */
}

.image-track{
    position:relative;
    width:100%;
    height:100%;
    z-index:2;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* central */
.slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:scale(0.8);
    transition: transform 0.7s cubic-bezier(.19,1,.22,1), opacity 0.5s ease;
    will-change: transform;
}

/* central */
.slide.active{
    opacity:1;
    transform:translateX(0) scale(1);
    z-index:3;
}

/* esquerda */
.slide.prev{
    opacity: 0.25;
    filter: blur(1px);
    transform:translateX(-60%) scale(0.8);
    z-index:2;
}

/* direita */
.slide.next{
    opacity: 0.25;
    filter: blur(1px);
    transform:translateX(60%) scale(0.8);
    z-index:2;
}

.product-block{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:80px;
    padding:120px 80px;
    border-top:1px solid #151515;
    overflow:hidden; /* IMPORTANTE */
}

.product-block::before{
    content:"";
    position:absolute;
    width:1000px;
    height:1000px;
    background:radial-gradient(circle,
        rgba(139,0,0,0.6) 0%,
        rgba(139,0,0,0.25) 40%,
        transparent 70%);
    filter:blur(140px);
    top:50%;
    left:33%;
    transform:translate(-50%, -50%);
    z-index:0;
    pointer-events:none;
}

.slider-container{
    position:relative;
    width:600px;
    height:600px;
    overflow:hidden;
}

.product-info{
    position:relative;
    z-index:2;
}

.image-track{
    position:relative;
    width:100%;
    height:100%;
}

/* INFO */

.product-info{
    max-width:400px;
}

.product-info h2{
    font-size:2rem;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:20px;
}

.price{
    font-size:1.4rem;
    font-weight:900;
    margin-bottom:25px;
}

.specs{
    opacity:0.7;
    line-height:2;
}

.installments{
    margin-top:-10px;
    margin-bottom:22px;
    font-size:0.92rem;
    font-weight:700;
    color:#cfcfcf;
    opacity:0.9;
    letter-spacing:0.4px;
}

.product-trust{
    margin-top:16px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.product-trust span{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border:1px solid #2b2b2b;
    background:#111;
    color:#d8d8d8;
    font-size:0.78rem;
    font-weight:700;
    letter-spacing:0.4px;
    border-radius:999px;
}

.product-urgency{
    margin-top:18px;
    margin-bottom:14px;
    font-size:0.82rem;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#8B0000;
}

.checkout-trust-box{
    margin-top:22px;
    padding-top:18px;
    border-top:none;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.checkout-trust-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:0.9rem;
    font-weight:700;
    color:#d8d8d8;
    letter-spacing:0.3px;
}

.trust-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#8B0000;
    flex:none;
    box-shadow:0 0 10px rgba(139,0,0,0.45);
}

.checkout-installments{
    margin-top:10px;
    font-size:0.95rem;
    font-weight:700;
    color:#d0d0d0;
    opacity:0.95;
}



/* ================= MANIFESTO ================= */

.manifesto-video{
    position:relative;
    width:100%;
    height:80vh;
    overflow:hidden;
    background:#000;
}

.manifesto-video video{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.85;
}

.manifesto-overlay{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:white;
z-index:2;
}

.manifesto-overlay h2{
font-size:3rem;
letter-spacing:0;
margin-bottom:10px;
font-family:'Montserrat', sans-serif;
}

.manifesto-overlay p{
font-size:1rem;
letter-spacing: 0;
opacity:.8;
}

.manifesto{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:75vh;
    padding:80px 20px 40px 20px;
    background:#0f0f0f;
}

.manifesto-pag {
    margin-top: 100px;
}

.manifesto-text{
    max-width:750px;
    text-align:center;
}

.manifesto h2{
    font-size:3.5rem;
    font-weight:900;
    color:#8B0000;
    margin-bottom:50px;
    letter-spacing:2px;
}

.manifesto p{
    line-height:2.2;
    font-size:1.1rem;
    opacity:0.9;
}

/* ======== COLEÇÃO SAGRADO VISCERAL ========*/
.titulo-h2 {
    margin-top: 30px;
    font-size:2.5rem;
    margin-bottom:10px;
    text-align: center;
}

.vermelho {
    color: #8B0000;
}

.sagrado-p {
    text-align: center;
    line-height:2.2;
    font-size:1.1rem;
    opacity:0.9;
}

/* ================= SEÇÕES ================= */

.section{
    padding:100px 80px;
}

#drop{
    background:#0b0b0b;
}

/* ================= DROPS ================= */

.drop-wrapper{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:70px;
}

.drop-box{
    width:340px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    transition:0.4s ease;
}

.drop-box:hover{
    transform:translateY(-18px);
}

.drop-box h2{
    margin-bottom:20px;
    font-weight:900;
    letter-spacing:2px;
}

.arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    background:none;
    border:none;
    color:#fff;
    font-size:32px;
    cursor:pointer;
    opacity:0.6;
    transition:0.3s;
}

.arrow.left{
    left:15px;
}

.arrow.right{
    right:15px;
}

.arrow:hover{
    opacity:1;
}

.cart-item{

display:flex;
gap:40px;
align-items:center;
margin-bottom:40px;
border-bottom:1px solid #222;
padding-bottom:20px;

}

.cart-item img{

width:200px;
object-fit:contain;

}

/* ================= CAMISETA GIF + GLOW ================= */

.tshirt-container{
    position:relative;
    width:320px;
    height:420px;
    margin:0 auto 25px auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tshirt-container::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:radial-gradient(circle,
        rgba(139,0,0,0.7) 0%,
        rgba(139,0,0,0.35) 40%,
        rgba(139,0,0,0.15) 65%,
        transparent 80%);
    filter:blur(45px);
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:0;
}

.tshirt{
    position:relative;
    width:100%;
    height:100%;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tshirt img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* ================= CORES ================= */

.color-selector{
    display:flex;
    justify-content:center;
    gap:12px;
    margin:15px 0;
}

.color{
    width:18px;
    height:18px;
    border-radius:50%;
    cursor:pointer;
    border:2px solid #fff;
    transition:0.3s ease;
}

.color.black{
    background:#000;
}

.color.offwhite{
    background:#f1ede4;
}

.color.active{
    transform:scale(1.2);
    border:2px solid #8B0000;
}

/* ================= BOTÕES ================= */

.btn{
    display:inline-block;
    text-decoration: none;
    margin-top: 5px;
    padding:14px 30px;
    background:#fff;
    color:#000;
    font-weight:900;
    letter-spacing:1px;
    transition:0.3s;
    border:none;
    cursor:pointer;
    font-family:'Montserrat', sans-serif;
}

.btn:hover{
    transform:translateY(-6px);
    background:#8B0000;
    color:#fff;
}

/* ================= SOBRE ================= */

#sobre{
    background:#111;
    text-align:center;
}

#sobre h2{
    font-size:3.5rem;
    margin-bottom:30px;
}

#sobre p{
    max-width:700px;
    margin:0 auto;
    line-height:1.8;
}

.titulo-sobre {
    text-align:center;
    letter-spacing:2px;
    padding-top: 200px;
    margin-bottom:40px;
    font-size:2.2rem;
    color:#8B0000;
    font-weight:900;
}

.titulo-criadoras{
    text-align:center;
    letter-spacing:2px;
    padding-top: 100px;
    margin-bottom:50px;
    font-size:2.2rem;
    color:#8B0000;
    font-weight:900;
}

/* ================= COMPRAR ================= */

#comprar{
    background:#0b0b0b;
    text-align:center;
}

/* ================= FOOTER ================= */

footer{
    background:#000;
    padding:80px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    border-top:1px solid #222;
}

.footer-left{
    max-width:400px;
}

.footer-left h3{
    font-size:1.5rem;
    font-weight:900;
    margin-bottom:20px;
}

.footer-left p{
    line-height:1.8;
    opacity:0.8;
}

.footer-right{
    text-align:right;
}

.footer-right a{
    display:block;
    color:#fff;
    text-decoration:none;
    margin-bottom:12px;
    font-weight:700;
    transition:0.3s;
}

.footer-right a:hover{
    color:#8B0000;
}

.footer-bottom{
    width:100%;
    text-align:center;
    margin-top:60px;
    font-size:0.8rem;
    opacity:0.5;
}

/* ================= BOTÃO VOLTAR AO TOPO ================= */

.back-to-top{
    position:fixed;
    right:25px;
    bottom:25px;
    width:45px;
    height:45px;
    background:#8B0000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:22px;
    font-weight:bold;
    border-radius:50%;
    opacity:0;
    pointer-events:none;
    transition:0.3s ease;
    z-index:999;
}

.back-to-top.show{
    opacity:1;
    pointer-events:auto;
}

/* COLOR SELECTOR */

.product-options {
  margin-top: 20px;
}

.color-selector{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin:15px 0;
  flex-direction:row;
}

.color-label {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.colors {
  display: flex;
  gap: 12px;
}

.color-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.color-dot.black {
  background: #000;
  border:1px solid #8a0000;
}

.color-dot.offwhite{
background:#f1ede4;
border:1px solid #8a0000;
}

.color-dot:hover {
  transform: scale(1.2);
}

.color-dot.active {
  outline: 2px solid #fff;
  transform: scale(1.2);
}

/* GLOW FIXO FUNDO CARRINHO */

.cart-glow{

position:fixed;

width:900px;
height:900px;

background:radial-gradient(circle,
rgba(139,0,0,0.55) 0%,
rgba(139,0,0,0.2) 40%,
transparent 70%);

filter:blur(160px);

top:50%;
left:50%;

transform:translate(-50%,-50%);

z-index:0;
pointer-events:none;

}

/* =========================
LAYOUT DO CARRINHO
========================= */

.cart-page{
padding-top:160px;
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns: 2.2fr 1fr;
gap:50px;
padding-left:60px;
font-family:'Montserrat', sans-serif;
}


/* =========================
COLUNA DOS PRODUTOS
========================= */

.cart-products{
display:flex;
flex-direction:column;
gap:50px;
}


/* =========================
ITEM DO CARRINHO
========================= */

.cart-item{
display:flex;
align-items:center;
gap:40px;
border-bottom:1px solid #222;
padding-bottom:40px;
}


.cart-image img{
width:260px;
}


/* =========================
COLUNA DIREITA (TOTAL)
========================= */


/* =========================
TOTAL
========================= */

.cart-total{
border-bottom:1px solid #222;
padding-bottom:15px;
}


.cart-total p{
opacity:0.7;
margin-bottom:5px;
}

.cart-total h2{
font-size:2rem;
}


/* =========================
FRETE
========================= */

.shipping-box{
display:flex;
gap:10px;
margin-top:5px;
}


.cep-input{
flex:1;
padding:12px;
border-radius:8px;
border:none;
background:#111;
color:white;
}

/* Container do frete */
.frete-area{
display:flex;
gap:15px;
align-items:center;
margin-top:20px;
}

/* Campo CEP */
.cep-input{
width:180px;
height:60px;
padding:10px;
font-size:18px;
border-radius:10px;
border:1px solid #444;
background:#0a0a0a;
color:#fff;
text-align:center;
}

/* Botão calcular */
.calc-frete{
height:60px;
padding:0 25px;
border-radius:10px;
border:2px solid #fff;
background:#f5f5f5;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

.calc-frete:hover{
background:#ddd;
}

/* Resultado do frete */
.shipping-result{
display:flex;
gap:10px;
}

/* Opções de frete */
.frete-opcao{
background:#eee;
color:#000;
padding:10px 15px;
border-radius:10px;
font-weight:600;
text-align:center;
min-width:100px;
}


/* =========================
BOTÃO FINALIZAR
========================= */

.checkout-btn{

width:100%;

margin-top:10px;

}

/* MINI CART */

.mini-cart{
position:fixed;
top:0;
right:-400px;
width:400px;
height:100vh;
background:#0a0a0a;
z-index:9999;
transition:0.4s;
padding:30px;
display:flex;
flex-direction:column;
}

.mini-cart.open{
right:0;
}

.mini-cart-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
opacity:0;
pointer-events:none;
transition:0.3s;
z-index:9998;
}

.mini-cart-overlay.open{
opacity:1;
pointer-events:all;
}

.mini-cart-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.mini-cart-products{
flex:1;
overflow:auto;
}

.mini-cart-footer{
border-top:1px solid #222;
padding-top:20px;
}


.checkout-btn{
display:block;
text-align:center;
margin-top:15px;
}

.cart-qty{
display:flex;
align-items:center;
gap:10px;
margin:10px 0;
}

.cart-qty button{
width:30px;
height:30px;
border:none;
background:#111;
color:#fff;
font-size:18px;
cursor:pointer;
}

.cart-qty span{
font-weight:bold;
font-size:16px;
}

.mini-cart-qty{

display:flex;
align-items:center;
gap:8px;
margin-top:6px;

}

.mini-cart-qty button{
width:24px;
height:24px;
border:none;
background:#111;
color:white;
cursor:pointer;
font-size:14px;
}

.mini-cart-qty span{
font-size:14px;
font-weight:bold;
}

/* botão remover */

.remove-item{
margin-top:10px;
background:#8B0000;
border:none;
color:white;
padding:8px 14px;
cursor:pointer;
font-family:'Montserrat', sans-serif;
}

/* ================= CART FOOTER ================= */

.cart-footer{

position: sticky;

top:100px;

display:flex;
flex-direction:column;

gap:20px;

height:fit-content;

}

.cart-summary{
display:flex;
flex-direction:column;
gap:20px;

}

/* CALCULAR FRETE */

.shipping-box{
display:flex;
gap:10px;
}

.cep-input{
padding:12px;
background:#111;
border:1px solid #333;
color:white;
font-family:'Montserrat', sans-serif;
}

/* TOTAL */

.cart-total p{
opacity:0.7;
margin-bottom:5px;
}

.cart-total h2{
font-size:2rem;
font-weight:900;
}

button{
border:none;
background:none;
font-family:'Montserrat', sans-serif;
}

.checkout-container{
display:flex;
justify-content:center;
gap:40px;
padding: 0 20px 10px 20px;
color:white;
line-height: 1.5;
}

.checkout-form{
width:60%;
display:flex;
flex-direction:column;
gap:12px;
margin-top: 0;
}

.checkout-summary{
width:40%;
background:#111;
padding:30px;
border-radius:8px;
}

.checkout-form input{
padding:12px;
background:#111;
border:1px solid #333;
color:white;
}

.row{
display:flex;
gap:10px;
}

.pay-button{
margin-top:20px;
padding:15px;
background:#e00000;
border:none;
color:white;
font-weight:bold;
cursor:pointer;
transition:0.3s;
}

.pay-button:hover{
background:#ff0000;
}

.summary-line{
display:flex;
justify-content:space-between;
margin-top:10px;
font-weight:700;
border-top:1px solid rgba(255,255,255,0.1);
padding-top:8px;
}

#checkout-total{
margin-top:15px;
font-size:1.5rem;
font-weight:900;
}

.checkout-page{
    max-width:1400px;
    margin:0 auto;
    padding:180px 40px 100px;
}

.checkout-layout{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:80px;
    align-items:flex-start;
}

.checkout-title{
    text-align:center;
    color: #8a0000;
    font-weight: 900;
    margin: 0;
}

.checkout-summary{
    position:sticky;
    top:120px;
    padding-top: 10px;
}

.checkout-layout{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:80px;
    align-items:flex-start;
}

#shipping-options{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:18px;
}

.shipping-option-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.02);
  cursor:pointer;
  transition:0.25s ease;
}

.shipping-option-card:hover{
  border-color: rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.04);
}

.shipping-option-card.selected{
  border-color:#ffffff;
  background: rgba(255,255,255,0.06);
}

.shipping-option-card input[type="radio"]{
  margin-top:4px;
  transform:scale(1.1);
}

.shipping-option-info{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.shipping-option-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.shipping-name{
  font-weight:700;
  font-size:1rem;
}

.shipping-price{
  font-weight:900;
  font-size:1rem;
}

.shipping-option-bottom{
  font-size:0.92rem;
  opacity:0.8;
}

.cart-count{
  position:absolute;
  top:-6px;
  right:-8px;
  background:#8B0000;
  color:white;
  font-size:12px;
  font-weight:700;
  padding:2px 6px;
  border-radius:50%;
  transition:transform 0.25s ease;
}

.cart-bounce{
  animation: cartBounce 0.35s ease;
}

@keyframes cartBounce{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.5);
  }
  100%{
    transform: scale(1);
  }
}

.fly-cart-clone{
  position:fixed;
  z-index:9999;
  pointer-events:none;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 18px 45px rgba(0,0,0,0.28);
  will-change:transform, opacity, left, top, width, height;
  transition:
    left 0.95s cubic-bezier(.22,.61,.36,1),
    top 0.95s cubic-bezier(.22,.61,.36,1),
    width 0.95s cubic-bezier(.22,.61,.36,1),
    height 0.95s cubic-bezier(.22,.61,.36,1),
    opacity 0.95s ease,
    transform 0.95s cubic-bezier(.22,.61,.36,1);
}

.fly-cart-clone.fly-start{
  transform:scale(1) rotate(0deg);
  opacity:1;
}

.fly-cart-clone.fly-moving{
  transform:scale(0.22) rotate(14deg);
  opacity:0.25;
}

.cart-count{
  transition:transform 0.25s ease, opacity 0.25s ease;
  transform-origin:center;
}

.cart-bounce{
  animation:cartBouncePremium 0.45s cubic-bezier(.34,1.56,.64,1);
}

@keyframes cartBouncePremium{
  0%{
    transform:scale(1);
  }
  30%{
    transform:scale(1.45);
  }
  60%{
    transform:scale(0.9);
  }
  100%{
    transform:scale(1);
  }
}

/* =========================
   CONTA / MINHA CONTA
========================= */

.account-page{
  min-height: 100vh;
  padding: 140px 20px 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background:
    radial-gradient(circle at top, rgba(139,0,0,0.12), transparent 35%),
    #0a0a0a;
  color: #fff;
  text-align: center;
}

.account-page h1{
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 14px;
  color: #fff;
}

.account-page > p{
  max-width: 700px;
  font-size: 1rem;
  line-height: 1.7;
  opacity: 0.78;
  margin-bottom: 40px;
}

.account-search{
  width: 100%;
  max-width: 620px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.25);
  margin-bottom: 34px;
}

.account-search input{
  width: 100%;
  padding: 16px 18px;
  background: #111;
  border: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  font-size: 0.95rem;
  outline: none;
  transition: 0.25s ease;
}

.account-search input::placeholder{
  color: rgba(255,255,255,0.45);
}

.account-search input:focus{
  border-color: #8B0000;
  box-shadow: 0 0 0 1px rgba(139,0,0,0.35);
}

.account-search .btn,
#search-orders-btn{
  width: 100%;
  padding: 16px 18px;
  background: #8B0000;
  border: none;
  color: #fff;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.25s ease;
}

.account-search .btn:hover,
#search-orders-btn:hover{
  background: #a30000;
  transform: translateY(-2px);
}

#orders-result{
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 8px;
}

#orders-result > p{
  font-size: 1rem;
  opacity: 0.8;
}

.order-card{
  width: 100%;
  text-align: left;
  padding: 28px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  transition: 0.25s ease;
}

.order-card:hover{
  border-color: rgba(255,255,255,0.16);
  transform: translateY(-2px);
}

.order-card h3{
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
  color: #fff;
}

.order-card p{
  font-size: 0.96rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.84);
  margin-bottom: 8px;
}

.order-card strong{
  color: #fff;
  font-weight: 800;
}

.order-items{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.08);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.order-items p{
  margin: 0;
  padding: 12px 14px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.05);
  font-size: 0.94rem;
  color: rgba(255,255,255,0.86);
}

/* ================= POLÍTICAS ================= */

.policy-page{
    position:relative;
    min-height:100vh;
    padding:180px 20px 100px 20px;
    background:#0b0b0b;
    overflow:hidden;
}

.policy-glow{
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle, rgba(139,0,0,0.28) 0%, rgba(139,0,0,0.08) 40%, transparent 70%);
    filter:blur(90px);
    top:120px;
    left:50%;
    transform:translateX(-50%);
    pointer-events:none;
}

.policy-container{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:0 auto;
    padding:40px;
    border:1px solid #1d1d1d;
    background:rgba(10,10,10,0.82);
    backdrop-filter:blur(10px);
}

.policy-kicker{
    color:#8B0000;
    font-size:0.9rem;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:14px;
    text-align:center;
}

.policy-container h1{
    font-size:3rem;
    font-weight:900;
    text-align:center;
    margin-bottom:20px;
}

.policy-intro{
    max-width:720px;
    margin:0 auto 40px auto;
    text-align:center;
    line-height:1.9;
    color:#d0d0d0;
}

.policy-section{
    padding:28px 0;
    border-top:1px solid #1f1f1f;
}

.policy-section:first-of-type{
    border-top:none;
}

.policy-section h2{
    font-size:1.15rem;
    font-weight:900;
    letter-spacing:1px;
    margin-bottom:16px;
    color:#ffffff;
    text-transform:uppercase;
}

.policy-section p{
    line-height:1.95;
    color:#d3d3d3;
    margin-bottom:14px;
}

.policy-contact-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}

.policy-contact-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border:1px solid #2b2b2b;
    background:#111;
    color:#fff;
    text-decoration:none;
    font-size:0.82rem;
    font-weight:700;
    letter-spacing:0.5px;
    text-transform:uppercase;
    transition:0.3s ease;
}

.policy-contact-links a:hover{
    border-color:#8B0000;
    color:#8B0000;
}

.checkout-legal{
    margin-top:14px;
    font-size:0.82rem;
    line-height:1.7;
    color:#bdbdbd;
}

.checkout-legal a{
    color:#ffffff;
    text-decoration:underline;
}

/* ================= TROCAS / DEVOLUÇÕES ================= */

.return-request-box{
    margin-top:24px;
    padding:20px;
    border:1px solid #222;
    background:#111;
}

.return-request-box h4{
    margin-bottom:16px;
    font-size:1rem;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.return-request-grid{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.return-request-grid select,
.return-request-grid input,
.return-request-grid textarea{
    width:100%;
    padding:12px;
    background:#0b0b0b;
    border:1px solid #333;
    color:#fff;
    font-family:'Montserrat', sans-serif;
}

.return-request-grid textarea{
    min-height:110px;
    resize:vertical;
}

.return-request-btn{
    margin-top:14px;
    width:100%;
}

.return-request-feedback{
    margin-top:12px;
    color:#d6d6d6;
    font-size:0.9rem;
}

.admin-container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 24px 60px;
}

.admin-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:32px;
}

.admin-header h1{
    margin:0;
    font-size:2.3rem;
    font-weight:900;
    color:#fff;
}

.admin-header-actions{
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
}

.admin-bell-wrapper{
    position:relative;
}

.admin-bell-btn{
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid #2a2a2a;
    background:#111;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    flex:none;
}

.admin-bell-count{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:18px;
    height:18px;
    border-radius:999px;
    background:#8B0000;
    color:#fff;
    font-size:10px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
}

.admin-bell-dropdown{
    position:absolute;
    top:54px;
    right:0;
    width:320px;
    background:#111;
    border:1px solid #222;
    border-radius:12px;
    padding:14px;
    z-index:1200;
    box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.admin-bell-title{
    font-size:0.82rem;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.admin-bell-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.admin-bell-item{
    padding:10px 12px;
    border:1px solid #222;
    border-radius:10px;
    background:#0b0b0b;
    color:#fff;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.admin-bell-item span,
.admin-bell-item small{
    color:#bdbdbd;
}

.admin-bell-link{
    display:block;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid #222;
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

.hidden{
    display:none !important;
}

.password-field{
  position:relative;
  width:100%;
}

.password-field input{
  width:100%;
  padding-right:45px;
}

.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  cursor:pointer;
  color:#999;
  display:flex;
  align-items:center;
  justify-content:center;
}

.password-toggle:hover{
  color:white;
}

.admin-bell-btn svg{
  width:20px;
  height:20px;
}

/* ================= ADMIN RETURN REQUESTS ================= */

.return-requests-section{
    margin-top:40px;
}

.return-requests-list{
    display:grid;
    gap:18px;
}

.return-request-card{
    border:1px solid #222;
    background:#111;
    padding:20px;
}

.return-request-card.unread{
    border-color:#8B0000;
    box-shadow:0 0 0 1px rgba(139,0,0,0.2);
}

.return-request-top{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:14px;
}

.return-request-top h3{
    margin-bottom:6px;
}

.return-request-items{
    margin-top:14px;
}

.return-request-item{
    margin-top:8px;
    color:#d0d0d0;
}

.return-request-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.return-request-actions button{
    padding:10px 14px;
    border:1px solid #333;
    background:#0b0b0b;
    color:#fff;
    cursor:pointer;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
}

/* =========================
   VISUAL EXTRA DE STATUS
========================= */

.order-card p strong + span,
.order-status{
  font-weight: 800;
}

.order-card .status-pending{
  color: #f0c05a;
}

.order-card .status-paid,
.order-card .status-approved{
  color: #71d18a;
}

.order-card .status-cancelled,
.order-card .status-failed{
  color: #ff6b6b;
}

.admin-container{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
}

.chart-section{
    margin-bottom:40px;
}

.chart-section h2,
.orders-section h2{
    font-size:1.4rem;
    margin-bottom:15px;
    color:#fff;
}

.chart-container{
    width:100%;
    background:#111;
    border-radius:16px;
    padding:25px;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
}

.stats{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    margin-bottom:40px;
}

.admin-stat-card{
    background:#111;
    border-radius:16px;
    padding:20px;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
    border:1px solid rgba(255,255,255,0.05);
}

.admin-stat-card h3{
    font-size:1rem;
    margin-bottom:10px;
    color:#aaa;
    font-weight:700;
}

.admin-stat-card p{
    font-size:1.8rem;
    font-weight:700;
    color:#fff;
    margin:0;
}

.orders-section{
    background:#111;
    border-radius:16px;
    padding:5px;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
    
}

.admin-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:30px;
}

.admin-logout-btn{
  background:#8B0000;
  color:#fff;
  border:none;
  padding:12px 18px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
  transition:0.3s;
}

.admin-logout-btn:hover{
  background:#600000;
}

.chart-container{
    width:100%;
    background:#111;
    border-radius:16px;
    padding:25px;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
    min-height:360px;
}

.chart-container canvas{
    width:100% !important;
    height:300px !important;
    display:block;
}

.orders-table-wrapper{
    width:100%;
    overflow-x:auto;
}

.orders-table{
    width:100%;
    border-collapse:collapse;
    min-width:800px;
}

.orders-table thead th{
    text-align:left;
    padding:14px 16px;
    font-size:0.95rem;
    color:#aaa;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.orders-table tbody td{
    padding:16px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    color:#fff;
    vertical-align:middle;
}

.orders-table tbody tr:hover{
    background:rgba(255,255,255,0.03);
}

.order-customer{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.order-customer strong{
    color:#fff;
    font-size:0.95rem;
}

.order-customer span{
    color:#999;
    font-size:0.85rem;
}

.order-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 12px;
    border-radius:999px;
    font-size:0.82rem;
    font-weight:700;
    text-transform:capitalize;
}

.status-pending{
    background:rgba(255, 193, 7, 0.12);
    color:#ffcc33;
}

.status-paid{
    background:rgba(40, 167, 69, 0.12);
    color:#4ade80;
}

.status-shipped{
    background:rgba(0, 123, 255, 0.12);
    color:#60a5fa;
}

.status-cancelled{
    background:rgba(220, 53, 69, 0.12);
    color:#ff6b6b;
}

.order-view-btn{
    display:inline-block;
    background:#8B0000;
    color:#fff;
    text-decoration:none;
    padding:10px 14px;
    border-radius:10px;
    font-weight:700;
    transition:0.3s;
}

.order-view-btn:hover{
    background:#600000;
}

.admin-back-btn{
    display:inline-block;
    background:#8B0000;
    color:#fff;
    text-decoration:none;
    padding:12px 18px;
    border-radius:10px;
    font-weight:700;
    transition:0.3s;
}

.admin-back-btn:hover{
    background:#600000;
}

.admin-order-detail-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:20px;
}

.admin-detail-card{
    background:#111;
    border-radius:16px;
    padding:24px;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
    border:1px solid rgba(255,255,255,0.05);
}

.admin-detail-card h2{
    font-size:1.1rem;
    margin-bottom:18px;
    color:#fff;
}

.admin-detail-card p{
    color:#ddd;
    margin-bottom:10px;
    line-height:1.5;
}

.admin-detail-items{
    grid-column:1 / -1;
}

.admin-items-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.admin-item-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:16px;
    border-radius:12px;
    background:rgba(255,255,255,0.03);
}

.admin-item-row strong{
    color:#fff;
}

.admin-item-row p{
    margin:4px 0 0;
    color:#aaa;
}

.admin-item-meta{
    text-align:right;
    min-width:120px;
}

.admin-status-update{
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.admin-status-update label{
    color:#fff;
    font-size:0.95rem;
}

.admin-status-update select{
    background:#1a1a1a;
    color:#fff;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:10px;
    padding:12px 14px;
    font-size:0.95rem;
    outline:none;
}

.admin-status-update button{
    background:#8B0000;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:12px 16px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
}

.admin-status-update button:hover{
    background:#600000;
}

.admin-status-update button:disabled{
    opacity:0.7;
    cursor:not-allowed;
}

#status-message{
    font-size:0.9rem;
    margin:0;
}

.orders-filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:20px;
}

.filter-btn{
    background:#1a1a1a;
    color:#ddd;
    border:1px solid rgba(255,255,255,0.08);
    padding:10px 14px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    transition:0.3s;
}

.filter-btn:hover{
    background:#222;
    color:#fff;
}

.filter-btn.active{
    background:#8B0000;
    color:#fff;
    border-color:#8B0000;
}

.orders-filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:20px;
}

.filter-btn{
    background:#1a1a1a;
    color:#ddd;
    border:1px solid rgba(255,255,255,0.08);
    padding:10px 14px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    transition:0.3s;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.filter-btn:hover{
    background:#222;
    color:#fff;
}

.filter-btn.active{
    background:#8B0000;
    color:#fff;
    border-color:#8B0000;
}

.filter-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    font-size:0.78rem;
    background:rgba(255,255,255,0.12);
    color:#fff;
}

.orders-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
    flex-wrap:wrap;
}

.clear-date-filter{
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,0.12);
    padding:10px 14px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    transition:0.3s;
}

.clear-date-filter:hover{
    background:rgba(255,255,255,0.06);
}

.hidden{
    display:none;
}

.orders-search{
    margin-bottom:20px;
}

#orders-search-input{
    width:100%;
    background:#111;
    color:#fff;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;
    padding:14px 16px;
    font-size:0.95rem;
    outline:none;
}

#orders-search-input:focus{
    border-color:#8B0000;
}

.admin-status-update input{
    background:#1a1a1a;
    color:#fff;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:10px;
    padding:12px 14px;
    font-size:0.95rem;
    outline:none;
}

.account-order-card{
    background:#111;
    border-radius:16px;
    padding:24px;
    margin-bottom:20px;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
    border:1px solid rgba(255,255,255,0.05);
}

.account-order-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:16px;
    flex-wrap:wrap;
}

.account-order-top h3{
    margin:0;
    color:#fff;
}

.account-shipping-box{
    margin:18px 0;
    padding:16px;
    border-radius:12px;
    background:rgba(255,255,255,0.03);
}

.account-shipping-box h4,
.account-order-items h4{
    margin-bottom:12px;
    color:#fff;
}

.account-shipping-box p{
    margin-bottom:8px;
    color:#ddd;
}

.account-order-items{
    margin-top:18px;
}

.account-order-item{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,0.06);
}

.account-order-item:last-child{
    border-bottom:none;
}

.account-order-item strong{
    color:#fff;
}

.account-order-item p{
    margin:4px 0 0;
    color:#aaa;
}

.account-order-item-meta{
    text-align:right;
    min-width:120px;
}

.finalizar-btn {
  width: 100%;
  padding: 16px 20px;
  background: #fff;
  color: #000;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
  transition: 0.3s ease;
  margin-top: 10px;
  font-family:'Montserrat', sans-serif;
}

.finalizar-btn:hover {
  background: #8a0000;
  color: #fff;
  transform:translateY(-6px);
}

.account-return-box{
    margin-top:20px;
    padding:18px;
    border:1px solid #222;
    background:#111;
    border-radius:12px;
}

.account-return-box h4{
    margin-bottom:14px;
    font-size:0.95rem;
    font-weight:800;
    color:#fff;
}

.return-toggle-btn{
    margin-top:10px;
    padding:12px 16px;
    background:#8B0000;
    color:#fff;
    border:none;
    cursor:pointer;
    font-weight:700;
    border-radius:8px;
}

.return-form{
    margin-top:16px;
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
}

.return-form.hidden{
    display:none;
}

.return-form select,
.return-form textarea,
.return-form input{
    width:100%;
    padding:12px 14px;
    background:#0b0b0b;
    border:1px solid #333;
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:0.9rem;
    border-radius:8px;
    box-sizing:border-box;
}

.return-form textarea{
    min-height:110px;
    resize:vertical;
}

.return-send-btn{
    padding:12px 16px;
    background:#8B0000;
    color:#fff;
    border:none;
    cursor:pointer;
    font-weight:700;
    border-radius:8px;
    width:100%;
}

.return-feedback{
    margin-top:6px;
    font-size:0.85rem;
    color:#ccc;
}

.admin-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.admin-header-actions{
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
}


.admin-bell-count{
    position:absolute;
    top:-6px;
    right:-4px;
    min-width:20px;
    height:20px;
    border-radius:999px;
    background:#8B0000;
    color:#fff;
    font-size:11px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
}

.admin-bell-dropdown{
    position:absolute;
    top:56px;
    right:0;
    width:320px;
    background:#111;
    border:1px solid #222;
    padding:16px;
    z-index:1200;
    box-shadow:0 10px 30px rgba(0,0,0,0.45);
    border-radius:12px;
}

.admin-bell-title{
    font-size:0.85rem;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.admin-bell-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.admin-bell-item{
    width:100%;
    text-align:left;
    padding:12px;
    background:#0b0b0b;
    border:1px solid #222;
    color:#fff;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    gap:4px;
    border-radius:10px;
}

.admin-bell-item span,
.admin-bell-item small{
    color:#bcbcbc;
}

.return-requests-section{
    margin:28px 0 24px 0;
}

.return-requests-list{
    display:grid;
    gap:16px;
}

.return-request-card{
    border:1px solid #222;
    background:#111;
    padding:20px;
    border-radius:14px;
}

.return-request-card.unread{
    border-color:#8B0000;
    box-shadow:0 0 0 1px rgba(139,0,0,0.18);
}

.return-request-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:14px;
}

.return-request-top h3{
    margin:0 0 6px 0;
}

.return-request-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}

.return-request-actions button{
    padding:10px 14px;
    border:1px solid #333;
    background:#0b0b0b;
    color:#fff;
    cursor:pointer;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    border-radius:8px;
}

.orders-search-row{
    margin:18px 0 14px 0;
}

.orders-search-row input{
    width:100%;
    padding:14px 16px;
    background:#0b0b0b;
    border:1px solid #222;
    color:#fff;
    border-radius:12px;
    box-sizing:border-box;
}

.orders-date-tools{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.quick-date-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.date-filter-box{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.date-filter-box input,
.date-filter-box button{
    padding:10px 14px;
    border-radius:10px;
    border:1px solid #2a2a2a;
    background:#111;
    color:#fff;
}

.hidden{
    display:none !important;
}

.admin-bell-link{
    display:block;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid #222;
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

.admin-back-btn{
    padding:12px 16px;
    background:#111;
    color:#fff;
    border:1px solid #2a2a2a;
    text-decoration:none;
    font-weight:700;
    border-radius:10px;
}

.return-filter-btn{
    padding:10px 14px;
    border-radius:10px;
    border:1px solid #2a2a2a;
    background:#111;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

.return-filter-btn.active{
    background:#8B0000;
    border-color:#8B0000;
}

.return-requests-list{
    display:grid;
    gap:16px;
}

.return-request-card{
    border:1px solid #222;
    background:#111;
    padding:20px;
    border-radius:14px;
}

.return-request-card.unread{
    border-color:#8B0000;
    box-shadow:0 0 0 1px rgba(139,0,0,0.18);
}

.return-request-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:14px;
}

.return-request-top h3{
    margin:0 0 6px 0;
}

.return-request-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}

.return-request-actions button{
    padding:10px 14px;
    border:1px solid #333;
    background:#0b0b0b;
    color:#fff;
    cursor:pointer;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    border-radius:8px;
}

/* ================= PAGAMENTO APROVADO ================= */

.payment-success-page{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:120px 20px 80px;
    background:#0b0b0b;
    overflow:hidden;
}

.payment-success-glow{
    position:absolute;
    width:950px;
    height:950px;
    background:radial-gradient(circle,
        rgba(139,0,0,0.55) 0%,
        rgba(139,0,0,0.22) 38%,
        rgba(139,0,0,0.10) 58%,
        transparent 75%);
    filter:blur(120px);
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    pointer-events:none;
    z-index:0;
}

.payment-success-card{
    position:relative;
    z-index:2;
    width:100%;
    max-width:820px;
    background:rgba(12,12,12,0.88);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:24px;
    padding:42px 34px;
    box-shadow:0 25px 80px rgba(0,0,0,0.45);
    backdrop-filter:blur(10px);
}

.payment-success-kicker{
    color:#8B0000;
    font-size:0.85rem;
    letter-spacing:4px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:14px;
}

.payment-success-card h1{
    font-size:2.3rem;
    font-weight:900;
    margin-bottom:14px;
    letter-spacing:1px;
}

.payment-success-text{
    color:rgba(255,255,255,0.78);
    line-height:1.9;
    margin-bottom:30px;
}

.payment-order-meta{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
    margin-bottom:28px;
}

.payment-meta-box{
    background:#111;
    border:1px solid rgba(255,255,255,0.06);
    border-radius:18px;
    padding:18px 20px;
}

.payment-meta-label{
    display:block;
    font-size:0.8rem;
    text-transform:uppercase;
    letter-spacing:2px;
    opacity:0.6;
    margin-bottom:8px;
}

.payment-meta-box strong{
    font-size:1.05rem;
    font-weight:900;
}

.payment-order-section{
    margin-top:26px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,0.08);
}

.payment-order-section h3{
    font-size:1rem;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.payment-items-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.payment-item-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:16px 18px;
    background:#101010;
    border:1px solid rgba(255,255,255,0.05);
    border-radius:16px;
}

.payment-item-info strong{
    display:block;
    margin-bottom:8px;
    font-size:0.98rem;
}

.payment-item-info p,
.payment-item-meta p{
    color:rgba(255,255,255,0.72);
    line-height:1.8;
    margin:0;
}

.payment-item-meta{
    text-align:right;
    min-width:120px;
}

.payment-summary-line,
.payment-summary-total{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:12px 0;
}

.payment-summary-line{
    color:rgba(255,255,255,0.8);
    border-bottom:1px solid rgba(255,255,255,0.06);
}

.payment-summary-line.discount{
    color:#ffb3b3;
}

.payment-summary-total{
    padding-top:20px;
    margin-top:10px;
}

.payment-summary-total span{
    font-size:1rem;
    letter-spacing:1px;
    text-transform:uppercase;
}

.payment-summary-total strong{
    font-size:1.5rem;
    font-weight:900;
    color:#fff;
}

.payment-success-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:30px;
}

.btn-outline-light{
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,0.16);
}

.btn-outline-light:hover{
    background:#8B0000;
    border-color:#8B0000;
    color:#fff;
}

.admin-delete-btn{
    margin-top:12px;
    width:100%;
    background:transparent;
    color:#ff6b6b;
    border:1px solid rgba(255,107,107,0.35);
    padding:12px 16px;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
}

.admin-delete-btn:hover{
    background:#7a1010;
    color:#fff;
    border-color:#7a1010;
}

.order-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}

.order-delete-btn{
    background:transparent;
    color:#ff6b6b;
    border:1px solid rgba(255,107,107,0.35);
    padding:8px 12px;
    border-radius:8px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
}

.order-delete-btn:hover{
    background:#7a1010;
    color:#fff;
    border-color:#7a1010;
}

.orders-date-filter{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:14px;
    flex-wrap:wrap;
}

.orders-date-filter input{
    padding:10px 12px;
    background:#111;
    color:#fff;
    border:1px solid #333;
    border-radius:8px;
    font-family:'Montserrat', sans-serif;
}

.admin-export-btn{
    background:#111;
    color:#fff;
    border:1px solid #333;
    padding:10px 16px;
    border-radius:8px;
    font-weight:700;
    cursor:pointer;
    font-family:'Montserrat', sans-serif;
    transition:0.3s;
}

.admin-export-btn:hover{
    background:#8B0000;
    border-color:#8B0000;
}

.admin-label-btn{
    display:block;
    margin-top:12px;
    width:100%;
    text-align:center;
    text-decoration:none;
    background:#111;
    color:#fff;
    border:1px solid #333;
    padding:12px 16px;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
}

.admin-label-btn:hover{
    background:#8B0000;
    border-color:#8B0000;
}

.admin-label-btn.disabled{
    opacity:0.5;
    cursor:not-allowed;
}

.admin-generate-btn{
    margin-top:12px;
    width:100%;
    background:#111;
    color:#fff;
    border:1px solid #333;
    padding:12px 16px;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
}

.admin-generate-btn:hover{
    background:#8B0000;
    border-color:#8B0000;
}

.admin-label-btn{
    display:block;
    margin-top:12px;
    width:100%;
    text-align:center;
    text-decoration:none;
    background:#111;
    color:#fff;
    border:1px solid #333;
    padding:12px 16px;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
}

.admin-label-btn:hover{
    background:#8B0000;
    border-color:#8B0000;
}

.admin-label-btn.disabled{
    opacity:0.5;
    cursor:not-allowed;
}

.orders-quick-filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:14px;
}

.quick-date-btn{
    background:#111;
    color:#fff;
    border:1px solid #333;
    padding:10px 14px;
    border-radius:8px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
}

.quick-date-btn:hover,
.quick-date-btn.active{
    background:#8B0000;
    border-color:#8B0000;
}

/* ================= TABELA DE MEDIDAS COMO IMAGEM ================= */

.size-guide-btn{
    margin-top:16px;
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,0.18);
    padding:12px 16px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    font-family:'Montserrat', sans-serif;
    width:100%;
}

.size-guide-btn:hover{
    background:#8B0000;
    border-color:#8B0000;
}

.size-guide-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    z-index:5000;
}

.size-guide-modal.active{
    display:flex;
}

.size-guide-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.82);
    backdrop-filter:blur(4px);
}

.size-guide-content{
    position:relative;
    z-index:2;
    max-width:90vw;
    max-height:90vh;
    padding:16px;
    border-radius:20px;
    background:#0f0f0f;
    box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

.size-guide-content img{
    display:block;
    max-width:100%;
    max-height:80vh;
    border-radius:14px;
}

.size-guide-close{
    position:absolute;
    top:10px;
    right:10px;
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:#8B0000;
    color:#fff;
    font-size:18px;
    cursor:pointer;
    z-index:3;
}

.size-guide-close:hover{
    background:#600000;
}