:root{--ink:#11100f;--paper:#f6f1e8;--wine:#54213f;--gold:#d6b779;--cream:#fffaf1;--line:#d8cdbd}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.topbar{height:86px;padding:0 clamp(18px,5vw,75px);display:flex;align-items:center;justify-content:space-between;background:#11100f;color:#fff;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:12px}.logo>span:last-child{display:flex;flex-direction:column;letter-spacing:.15em}.logo small{font-size:9px;color:var(--gold);letter-spacing:.3em}.mark{width:47px;height:47px;border:1px solid var(--gold);display:grid;grid-template-columns:1fr 1fr;place-items:center;transform:rotate(45deg)}.mark i{font:11px Georgia;transform:rotate(-45deg)}nav{display:flex;gap:28px;align-items:center;font-size:14px}.langs{display:flex;border:1px solid #ffffff35;border-radius:30px;padding:3px}.langs a{width:31px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:10px}.langs .on{background:var(--gold);color:#111}.hamb{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#100f0e,#54213f);color:#fff}.hero>div:first-child{padding:clamp(75px,9vw,135px) clamp(22px,7vw,110px)}.kicker{color:var(--gold);font-size:12px;font-weight:bold;letter-spacing:.18em;text-transform:uppercase}.hero h1,.shops h2,.concept h2,.contact h2{font:400 clamp(45px,5.8vw,82px)/1 Georgia,serif;margin:25px 0}.lead{font-size:18px;line-height:1.75;color:#ddd3c9}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:0;font-weight:bold;cursor:pointer}.gold{background:var(--gold);color:#17120c}.ghost{border:1px solid #ffffff55}.wine{background:var(--wine);color:white}.scene{background:linear-gradient(90deg,#17110d99,#17110d11),url('rjco-mall-hero.png') center/cover;display:grid;place-items:center;overflow:hidden}.mall-logo{width:245px;height:245px;display:grid;place-items:center;border:1px solid var(--gold);background:#160f0dcc;box-shadow:0 0 70px #d6b77955;transform:rotate(45deg);font:58px Georgia}.mall-logo span{font:9px Arial;color:var(--gold);letter-spacing:.5em;position:absolute;transform:rotate(-45deg);margin:92px 0 0 88px}.shops{padding:100px clamp(18px,7vw,110px);background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,.concept h2,.contact h2{font-size:clamp(40px,5vw,66px);margin:13px 0}.section-head p{color:#6b6259}.search{display:flex;gap:10px;width:min(420px,100%);padding:14px 2px;border-bottom:1px solid #9f9180}.search input{border:0;outline:0;background:none;width:100%}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.cards article{background:#fff;border:1px solid #e5dbce;transition:.25s}.cards article:hover{transform:translateY(-6px);box-shadow:0 24px 50px #2a1e1318}.visual{height:250px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,var(--accent),#171412);overflow:hidden}.visual:before{content:'';width:170px;height:170px;border:1px solid #ffffff55;position:absolute;transform:rotate(45deg)}.visual>span{position:absolute;top:16px;left:17px;color:#ffffff99;font-size:11px}.visual>b{font:55px Georgia;color:#fff;z-index:1}.visual em{position:absolute;bottom:15px;right:15px;padding:8px 11px;background:var(--paper);font-size:11px;font-style:normal}.card-copy{padding:25px}.card-copy small{color:var(--wine);font-weight:bold;text-transform:uppercase;letter-spacing:.12em}.card-copy h3{font:31px Georgia;margin:10px 0}.card-copy p{min-height:52px;line-height:1.65;color:#6c635a}.card-copy a{display:block;border-top:1px solid #e7ded3;padding-top:17px;font-weight:bold;font-size:13px}.concept{padding:105px clamp(18px,7vw,110px);background:#151311;color:#fff}.concept>div:first-child{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:end}.concept h2{color:#fff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #ffffff25}.benefits article{padding:27px 23px;border-right:1px solid #ffffff25}.benefits span{color:var(--gold);font-size:11px}.benefits h3{font:24px Georgia;margin:28px 0 10px}.benefits p{font-size:14px;line-height:1.65;color:#bbb2a9}.offer{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#e4d5c2}.offer>div{padding:95px clamp(24px,8vw,125px)}.price{display:flex;align-items:end;gap:14px}.price strong{font:clamp(60px,7vw,92px) Georgia;color:var(--wine)}.price span{margin-bottom:14px;font-weight:bold}.offer ul{list-style:none;padding:0;margin:32px 0}.offer li{padding:13px;border-bottom:1px solid #baa78e}.offer aside{background:var(--wine);display:grid;place-items:center;position:relative}.mock{width:min(440px,78%);height:340px;background:var(--cream);box-shadow:22px 25px #280911;display:flex;flex-direction:column;align-items:center;gap:14px;padding:45px}.mock b{font:35px Georgia;color:var(--wine);border:1px solid;padding:18px}.mock i{width:100%;height:10px;background:#d7c8b5}.offer aside p{position:absolute;right:7%;bottom:5%;color:#fff;font:23px Georgia;text-align:right}.offer aside em{color:var(--gold)}.contact{padding:105px clamp(20px,9vw,140px);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:var(--cream)}.contact>div>p:not(.kicker){font-size:18px;line-height:1.7;color:#675e55}.contact>div>a{display:block;margin-top:15px;color:var(--wine);font-weight:bold}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact label{font-size:12px;font-weight:bold}.contact input,.contact textarea{display:block;width:100%;padding:13px 2px;margin-top:8px;border:0;border-bottom:1px solid #aa9b88;background:none}.contact label:nth-of-type(4){grid-column:1/-1}.trap{position:absolute!important;left:-9999px}.wa{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-weight:bold}footer{padding:36px 6vw;background:#0f0e0d;color:white;display:flex;justify-content:space-between;gap:20px}footer p{color:#918a82}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] .visual>span{left:auto;right:17px}[dir=rtl] .visual em{right:auto;left:15px}[dir=rtl] .offer aside p{right:auto;left:7%;text-align:left}
@media(max-width:900px){.topbar nav{display:none;position:absolute;top:86px;left:0;right:0;background:#151311;padding:24px;flex-direction:column}.topbar nav.open{display:flex}.hamb{display:block}.hero,.offer,.contact{grid-template-columns:1fr}.scene{min-height:430px}.section-head{align-items:start;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.concept>div:first-child{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.offer aside{min-height:500px}}
@media(max-width:600px){.topbar{height:74px;padding:0 14px}.logo>span:last-child{display:none}.mark{width:40px;height:40px}.topbar nav{top:74px}.hero>div:first-child{padding:70px 20px}.hero h1{font-size:clamp(42px,14vw,62px)}.actions{flex-direction:column}.scene{min-height:330px}.mall-logo{width:170px;height:170px;font-size:39px}.mall-logo span{margin:64px 0 0 62px}.shops,.concept{padding:72px 18px}.cards,.benefits{grid-template-columns:1fr}.concept>div:first-child{display:block}.benefits article{border-right:0;border-bottom:1px solid #ffffff25}.offer>div{padding:72px 22px}.offer aside{min-height:380px}.mock{height:270px}.contact{padding:72px 20px;gap:45px}.contact form{grid-template-columns:1fr}.contact label:nth-of-type(4){grid-column:auto}footer{flex-direction:column;text-align:center}}

/* Signature RJCO — emblème fin, sans effet 3D */
.mall-logo{width:248px;height:248px;border:1px solid #d6b77980;border-radius:50%;background:#160f0dbd;box-shadow:0 0 70px #d6b77930;transform:none;font:inherit}
.mall-logo img{display:block;width:216px;height:216px}
@media(max-width:600px){.mall-logo{width:174px;height:174px}.mall-logo img{width:154px;height:154px}}


/* Logo RJco.store 2026 — intégration légère, responsive et sans CLS */
.topbar{
  min-height:112px;
  height:auto;
  padding-top:8px;
  padding-bottom:8px;
}
.logo{
  flex:0 0 auto;
  line-height:0;
}
.brand-logo{
  display:block;
  width:clamp(188px,17vw,228px);
  height:auto;
  max-height:96px;
  object-fit:contain;
  filter:drop-shadow(0 7px 18px rgba(0,0,0,.18));
}

/* Le logo complet devient la signature visuelle du hero, sans image lourde supplémentaire */
.mall-logo{
  width:min(590px,86%);
  height:auto;
  aspect-ratio:900/474;
  border:1px solid rgba(214,183,121,.48);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(20,13,17,.78),rgba(84,33,63,.52));
  box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 70px rgba(214,183,121,.15);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transform:none;
  padding:clamp(14px,2.2vw,28px);
}
.mall-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.26));
}

@media(max-width:900px){
  .topbar nav{top:112px}
  .brand-logo{width:205px;max-height:96px}
}

@media(max-width:600px){
  .topbar{min-height:88px;height:auto;padding:5px 12px;gap:8px}
  .topbar nav{top:88px}
  .brand-logo{width:158px;max-height:78px}
  .langs{padding:2px}
  .langs a{width:26px;height:27px;font-size:9px}
  .hamb{font-size:22px;padding:4px}
  .mall-logo{width:min(360px,90%);border-radius:20px;padding:12px}
}

@media(max-width:380px){
  .brand-logo{width:142px}
  .langs a{width:23px}
}