/* Vivaluxury — tema "Perfumes Árabes" (prévia). Carregado depois de danielle.css.
   Mesmo nome e logotipo; visual do catálogo: preto profundo, dourado antigo, arcos e arabescos,
   títulos em Cinzel. A troca de tokens inverte o tema: --white é o fundo, --char o texto. */
body.ar{
  --white:#0D0B09;
  --soft:#14110E;
  --sand:#1F1A15;
  --nude:#E9D9B8;
  --char:#EFE4CF;
  --char-2:#FFFFFF;
  --ink:#E6DAC3;
  --muted:#A99C86;
  --gold:#C9A462;
  --gold-2:#E3C686;
  --jade:#7FC4A0;
  --line:rgba(201,164,98,.2);
  --serif:"Cinzel","Bodoni Moda",serif;
  --display:"Bodoni Moda",Didot,serif;
  --shadow:0 26px 60px -24px rgba(0,0,0,.85);
  --gold-grad:linear-gradient(180deg,#F3DFA6 0%,#C9A462 45%,#8E6B32 100%);
  background:var(--white);
  color-scheme:dark;
}
/* arabesco de fundo bem sutil (estrela de 8 pontas em linha) */
body.ar::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C9A462' stroke-width='1'%3E%3Cpath d='M40 8l9 23 23 9-23 9-9 23-9-23-23-9 23-9z'/%3E%3Cpath d='M17 17h46v46H17z' transform='rotate(45 40 40)'/%3E%3C/g%3E%3C/svg%3E")}
.ar em{color:var(--gold-2);font-family:var(--display)}
.ar .caps{letter-spacing:.14em;font-weight:500;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ar .sec-sub{margin-top:14px;color:var(--muted);font-weight:300}
/* filete com losango, como o do catálogo */
.ar .divider{width:220px;height:11px;
  background:linear-gradient(90deg,transparent,var(--gold)) left center/calc(50% - 14px) 1px no-repeat,
             linear-gradient(90deg,var(--gold),transparent) right center/calc(50% - 14px) 1px no-repeat,
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11'%3E%3Cpath d='M11 0l5 5.5-5 5.5-5-5.5z' fill='%23C9A462'/%3E%3Ccircle cx='2' cy='5.5' r='1.3' fill='%23C9A462'/%3E%3Ccircle cx='20' cy='5.5' r='1.3' fill='%23C9A462'/%3E%3C/svg%3E") center/22px 11px no-repeat}
.ar .divider--left{background:linear-gradient(90deg,var(--gold),transparent) right center/calc(100% - 26px) 1px no-repeat,
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11'%3E%3Cpath d='M11 0l5 5.5-5 5.5-5-5.5z' fill='%23C9A462'/%3E%3Ccircle cx='20' cy='5.5' r='1.3' fill='%23C9A462'/%3E%3C/svg%3E") left center/22px 11px no-repeat}

/* botões */
.ar .btn--dark{background:var(--gold-grad);color:#1A130A}
.ar .btn--dark:hover{background:var(--gold-grad);filter:brightness(1.08);box-shadow:0 12px 30px -12px rgba(201,164,98,.6)}
.ar .btn--gold{background:var(--gold-grad);color:#1A130A;font-weight:500}
.ar .btn--gold:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px -12px rgba(201,164,98,.6)}
.ar .btn--ghost{border-color:var(--gold);color:var(--gold-2)}
.ar .btn--ghost:hover{background:var(--gold);color:#1A130A}

/* topo */
.ar .topbar{background:#060504;color:var(--gold);border-bottom:1px solid var(--line)}
.ar .header{background:rgba(13,11,9,.92);border-bottom:1px solid var(--line)}
.ar .logo{color:transparent}
.ar .logo__viva,.ar .logo__lux{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ar .logo__viva{font-family:"Bodoni Moda",serif}
.ar .logo__orn{width:26px;height:26px;margin-bottom:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23C9A462' stroke-width='1.4'%3E%3Cpath d='M20 3c4 6 4 10 0 17-4-7-4-11 0-17zM20 37c-4-6-4-10 0-17 4 7 4 11 0 17zM3 20c6-4 10-4 17 0-7 4-11 4-17 0zM37 20c-6 4-10 4-17 0 7-4 11-4 17 0z'/%3E%3Cpath d='M8 8c7 1 10 4 12 12-8-2-11-5-12-12zM32 32c-7-1-10-4-12-12 8 2 11 5 12 12zM32 8c-1 7-4 10-12 12 2-8 5-11 12-12zM8 32c1-7 4-10 12-12-2 8-5 11-12 12z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.ar .header__row{height:108px}
.ar .nav a{color:var(--ink)}
.ar .icon-btn{color:var(--gold-2)}
.ar .icon-btn:hover{background:rgba(201,164,98,.12)}
.ar .cart-count{background:var(--gold);color:#1A130A}
.ar .search input{border-bottom-color:var(--gold)}

/* banner: foto à direita em moldura de arco, texto à esquerda */
.ar .hs{background:radial-gradient(ellipse at 75% 30%,rgba(201,164,98,.16),transparent 55%),#0A0807}
.ar .hs__slide{min-height:clamp(520px,46vw,660px)}
.ar .hs__media{left:auto;right:max(16px,calc((100% - 1200px)/2));top:7%;bottom:7%;width:min(52%,640px);border-radius:999px 999px 0 0;
  box-shadow:0 0 0 1px var(--gold),0 0 0 8px #0A0807,0 0 0 9px rgba(201,164,98,.45),var(--shadow)}
.ar .hs__media::after{display:none}
.ar .hs__media img{object-position:center}
.ar .hs__slide.has-media .hs__media::after{content:"";display:block;background:linear-gradient(0deg,rgba(10,8,7,.55),transparent 40%)}
.ar .hs__content{padding:60px 52% 80px 0}
/* dourado sólido no título do banner: texto com gradiente some na animação de entrada em alguns navegadores */
.ar .hs__title{color:#E3C686;text-shadow:0 2px 24px rgba(201,164,98,.25);font-weight:500;font-size:clamp(2rem,4.2vw,3.7rem);letter-spacing:.05em}
.ar .hs__title em{color:#F3DFA6;font-style:italic}
.ar .hs__sub{color:var(--ink)}
.ar .hs__arrow{background:rgba(13,11,9,.7);box-shadow:0 0 0 1px var(--line)}
.ar .hs__arrow:hover{background:#000}
.ar .hs__arrow svg{stroke:var(--gold-2)}
.ar .hs__dots button{background:rgba(201,164,98,.3)}

/* garantias */
.ar .perk{color:var(--ink)}

/* categorias: cartões com moldura dourada */
.cats{padding:clamp(56px,7vw,90px) 0 0}
.cats__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.cat{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;text-decoration:none;border:1px solid rgba(201,164,98,.55);outline:1px solid rgba(201,164,98,.25);outline-offset:4px;border-radius:120px 120px 0 0}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cat:hover img{transform:scale(1.07)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,5,4,.95) 0%,rgba(6,5,4,.2) 45%,transparent 70%)}
.cat__t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:18px 16px;text-align:center}
.cat__t strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cat__t small{display:block;margin-top:4px;font-size:.78rem;color:var(--ink);font-weight:300}

/* vitrine */
.ar .shop{background:transparent}
.ar .chip{background:transparent;border-color:var(--line);color:var(--ink)}
.ar .chip:hover{border-color:var(--gold)}
.ar .chip.is-on{background:var(--gold-grad);border-color:var(--gold);color:#1A130A}
.ar .card{background:linear-gradient(180deg,#17130F,#0F0D0B);border:1px solid var(--line)}
.ar .card:hover{border-color:rgba(201,164,98,.6);box-shadow:0 22px 50px -24px rgba(201,164,98,.35)}
.ar .card__img{background:radial-gradient(ellipse at 50% 35%,#2A2219,#0F0D0B 75%)!important}
.ar .card__img>img{object-fit:contain;padding:8% 10% 4%}
.card__open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0}
.card__open img{width:100%;height:100%;object-fit:contain;padding:8% 10% 4%;transition:transform .6s}
.card:hover .card__open img{transform:scale(1.06)}
.ar .badge{background:var(--gold-grad);color:#1A130A;font-weight:500}
.ar .fav svg{stroke:var(--gold-2)}
.ar .card__brand{color:var(--gold)}
.ar .card__name{font-family:var(--display);font-size:1.12rem;color:var(--char)}
.card__meta{font-size:.72rem;color:var(--muted);letter-spacing:.06em;margin-bottom:10px}
.ar .card__price span{color:var(--gold-2)}
.card__price--ask span{font-size:.86rem!important;font-weight:400!important;letter-spacing:.14em;text-transform:uppercase}
.ar .add{background:transparent;border:1px solid var(--gold);color:var(--gold-2);display:block;text-align:center;text-decoration:none}
.ar .add:hover{background:var(--gold-grad);color:#1A130A}
.add--wa{font-size:.62rem}
.more{text-align:center;margin-top:34px}

/* encontre sua fragrância */
.ar .promos{padding-top:0}
.promo--scent{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;padding-right:clamp(20px,3vw,40px)}
.ar .promo--ritual{background:radial-gradient(circle at 0% 0%,rgba(201,164,98,.22),transparent 55%),#100D0A;border:1px solid var(--line);border-radius:0}
.ar .promo--ritual .caps{color:transparent}
.ar .skin__opt{border-color:var(--line);color:var(--ink)}
.ar .skin__opt.is-on{background:var(--gold-grad);color:#1A130A;border-color:var(--gold)}
.scent__list{padding:clamp(20px,3vw,40px) 0}
.ar .step{grid-template-columns:58px 1fr auto;background:rgba(201,164,98,.05);border-color:var(--line)}
.ar .step__img{width:58px;height:58px;border-radius:50% 50% 0 0;background:#1C1712;padding:0}
.ar .step__img img{object-fit:contain;padding:4px}
.ar .step__t strong{color:var(--char);font-family:var(--display);font-weight:400}
.ar .step .add{width:auto;padding:8px 16px}

/* sobre */
.ar .about{background:transparent}
.ar .about__photo{border-radius:999px 999px 0 0;box-shadow:0 0 0 1px var(--gold),0 0 0 8px var(--white),0 0 0 9px rgba(201,164,98,.45);max-width:440px;margin-inline:auto;width:100%}
.ar .about .caps{font-size:clamp(1.3rem,2.3vw,1.9rem)}
.ar .about p{color:var(--ink)}
.pillars{list-style:none;counter-reset:p;display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:26px}
.pillars li{counter-increment:p;font-size:.9rem;color:var(--muted);padding-left:38px;position:relative}
.pillars li::before{content:counter(p);position:absolute;left:0;top:-2px;width:26px;height:26px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center;font-family:var(--serif);font-size:.8rem;color:var(--gold-2)}
.pillars strong{display:block;font-family:var(--serif);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:var(--gold-2);margin-bottom:2px}

/* newsletter e rodapé */
.ar .news{background:#070605;border-block:1px solid var(--line)}
.ar .news .caps{color:transparent}
.ar .news__form input[type=email]{border-color:var(--line);background:rgba(201,164,98,.05)}
.ar .footer{background:#070605;color:var(--muted)}
.ar .footer h3{color:var(--gold)}
.ar .footer a:hover{color:var(--gold-2)}

/* sacola, modais e formulários no escuro */
.ar .overlay{background:rgba(0,0,0,.7)}
.ar .drawer{border-left:1px solid var(--line)}
.ar .modal{background:rgba(0,0,0,.72)}
.ar .modal__box{background:#120F0C;border:1px solid var(--line)}
.ar .field input,.ar .cupom__row input{background:#0A0807;border-color:var(--line);color:var(--ink)}
.ar .field input:focus,.ar .cupom__row input:focus{border-color:var(--gold)}
.ar .freight label:has(input:checked){border-color:var(--gold);background:rgba(201,164,98,.08)}
.ar .coupon-fab{background:#000;box-shadow:0 0 0 1px var(--gold),0 10px 26px rgba(0,0,0,.6)}
.ar .coupon-fab__dot{border-color:#000}
.ar .coupon-pop{background:#120F0C;border:1px solid var(--line)}
.ar .cookie{background:#120F0C;border:1px solid var(--line);color:var(--ink)}
.ar .toast{background:var(--gold-grad);color:#1A130A}

/* ficha do perfume */
.pm{position:relative;width:min(980px,100%);padding:0;overflow:hidden}
.pm__close{position:absolute;top:10px;right:10px;z-index:2;background:rgba(0,0,0,.5)}
.pm__body{display:grid;grid-template-columns:1fr 1fr}
.pm__img{background:radial-gradient(ellipse at 50% 40%,#2C2319,#0B0907 75%);display:grid;place-items:center;min-height:420px;padding:28px}
.pm__img img{max-height:520px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6))}
.pm__info{padding:clamp(24px,4vw,44px);display:flex;flex-direction:column}
.pm__name{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.3rem);color:var(--char);line-height:1.15}
.pm__meta{color:var(--muted);font-size:.82rem;letter-spacing:.08em;margin:8px 0 12px}
.pm__desc{color:var(--ink);margin:16px 0 4px;font-weight:300}
.pm__sub{font-family:var(--serif);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:18px 0 10px}
.pm__notes{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pm__notes li{padding:6px 14px;border:1px solid var(--line);font-size:.8rem;color:var(--ink)}
.pm .card__price{margin:auto 0 14px;text-align:left}
.pm .card__price span{font-size:1.5rem}
.pm .add--wa{font-size:.72rem}
body.no-scroll{overflow:hidden}

@media (max-width:1024px){
  .cats__grid{grid-template-columns:repeat(3,1fr)}
  .cat:nth-child(4),.cat:nth-child(5){grid-column:span 1}
}
@media (max-width:860px){
  .ar .hs__media{width:auto;left:16px;right:16px;top:auto;bottom:0;height:52%;border-radius:999px 999px 0 0}
  .ar .hs__slide{min-height:720px;align-items:flex-start}
  .ar .hs__content{padding:44px 0 0}
  .promo--scent{grid-template-columns:1fr;padding:0 clamp(16px,4vw,28px)}
  .scent__list{padding-top:0}
  .pm__body{grid-template-columns:1fr}
  .pm__img{min-height:300px}
  .pm__img img{max-height:340px}
  .pillars{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ar .hs__arrow{display:none}
  .cats__grid{grid-template-columns:1fr 1fr;gap:12px}
  .cat:last-child{grid-column:1/-1;aspect-ratio:16/10;border-radius:140px 140px 0 0}
  .cat__t strong{font-size:.95rem}
  .cat__t small{font-size:.7rem}
}
@media (prefers-reduced-motion:reduce){.cat img,.card__open img{transition:none}}