/* ARAM NOTES — Luxury V2 visual overhaul
   Stronger editorial/boutique treatment. Presentation only. */

body[data-aram-page]{
  --lux2-espresso:#1f1914;
  --lux2-brown:#3b2e24;
  --lux2-gold:#C5A568;
  --lux2-gold-deep:#9B7943;
  --lux2-ivory:#FCFAF6;
  --lux2-cream:#F4EEE4;
  --lux2-champagne:#E9D9BB;
  --lux2-line:#DDD0BB;
  --lux2-muted:#74695d;
  background:#FCFAF6!important;
}

/* Strong editorial typography */
body[data-aram-page="home"] h1,
body[data-aram-page="home"] h2,
body[data-aram-page="home"] .sideCard h3,
body[data-aram-page="home"] .news h3,
body[data-aram-page="product"] .info h1,
body[data-aram-page="legal"] h1,
body[data-aram-page="legal"] h2,
.an-home-heading h2{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}

/* Announcement + header */
body[data-aram-page="home"] .top,
body[data-aram-page="product"] .top{
  background:var(--lux2-espresso)!important;
  color:#F4E8D4!important;
  padding:9px 16px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body[data-aram-page="home"] .header,
body[data-aram-page="product"] .header{
  background:rgba(252,250,246,.96)!important;
  border-bottom:1px solid rgba(197,165,104,.28)!important;
  box-shadow:none!important;
}
body[data-aram-page="home"] .nav,
body[data-aram-page="product"] .nav{height:104px!important}
body[data-aram-page="home"] .nav a,
body[data-aram-page="product"] .nav a{
  font-size:11px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
body[data-aram-page="home"] .nav a:hover,
body[data-aram-page="product"] .nav a:hover{color:var(--lux2-gold-deep)!important}
body[data-aram-page="home"] .icon{
  width:42px!important;height:42px!important;
  border:1px solid #D9C9AE!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* HERO — visibly different */
body[data-aram-page="home"] .hero{
  background:#FCFAF6!important;
  padding:0 0 84px!important;
}
body[data-aram-page="home"] .heroGrid{
  padding-top:38px!important;
  grid-template-columns:1.22fr .78fr!important;
  gap:18px!important;
}
body[data-aram-page="home"] .heroMain{
  min-height:650px!important;
  padding:86px 76px!important;
  border-radius:4px!important;
  border:1px solid #DCCDB4!important;
  background:linear-gradient(135deg,#F9F4EB 0%,#EFE1CA 100%)!important;
  box-shadow:none!important;
}
body[data-aram-page="home"] .heroMain:before{
  content:'ARAM NOTES  •  PREMIUM NOTEBOOKS';
  display:block;
  margin-bottom:28px;
  color:#8E7040;
  font-size:10px;
  font-family:Arial,sans-serif;
  font-weight:800;
  letter-spacing:.18em;
}
body[data-aram-page="home"] .heroMain:after{
  width:300px!important;height:300px!important;
  border-color:rgba(197,165,104,.35)!important;
  right:-130px!important;top:-130px!important;
}
body[data-aram-page="home"] .heroMain h1{
  font-size:clamp(64px,7vw,100px)!important;
  line-height:.91!important;
  max-width:760px!important;
  color:var(--lux2-espresso)!important;
}
body[data-aram-page="home"] .heroMain p{
  font-size:16px!important;
  line-height:1.85!important;
  max-width:520px!important;
  color:#675C50!important;
}
body[data-aram-page="home"] .heroBtns{margin-top:38px!important}
body[data-aram-page="home"] .btn,
body[data-aram-page="product"] .btn{
  border-radius:2px!important;
  min-height:50px!important;
  padding:15px 26px!important;
  text-transform:uppercase!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body[data-aram-page="home"] .btn.dark,
body[data-aram-page="product"] .btn.dark{
  background:var(--lux2-espresso)!important;
  border-color:var(--lux2-espresso)!important;
  color:#F8F0E3!important;
}
body[data-aram-page="home"] .btn:not(.dark),
body[data-aram-page="product"] .btn:not(.dark){background:transparent!important;border-color:#BFA87D!important;color:#372D24!important}
body[data-aram-page="home"] .btn:hover,
body[data-aram-page="product"] .btn:hover{transform:none!important;background:#C5A568!important;border-color:#C5A568!important;color:#fff!important}
body[data-aram-page="home"] .scribble{
  border:1px solid #B89A68!important;
  border-radius:2px!important;
  transform:none!important;
  background:rgba(255,255,255,.72)!important;
  padding:10px 14px!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Side hero cards become editorial panels */
body[data-aram-page="home"] .heroSide{gap:18px!important}
body[data-aram-page="home"] .sideCard{
  border-radius:4px!important;
  border:1px solid #DCCDB4!important;
  padding:40px!important;
  box-shadow:none!important;
}
body[data-aram-page="home"] .sideOne{background:#2A211A!important;color:#F9F2E6!important}
body[data-aram-page="home"] .sideOne h3{color:#F9F2E6!important}
body[data-aram-page="home"] .sideOne p{color:#CFC1AC!important}
body[data-aram-page="home"] .sideTwo{background:#F4EADF!important}
body[data-aram-page="home"] .sideCard h3{font-size:42px!important;line-height:1!important}
body[data-aram-page="home"] .badge{
  width:auto!important;height:auto!important;
  right:24px!important;bottom:24px!important;
  border-radius:2px!important;
  border:1px solid #C7AD81!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.88)!important;
  transform:none!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Marquee as subtle luxury divider */
body[data-aram-page="home"] .marquee{
  border-top:1px solid #D9C9AE!important;
  border-bottom:1px solid #D9C9AE!important;
  background:#F8F4ED!important;
}
body[data-aram-page="home"] .marqueeInner{
  padding:13px 0!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}

/* Sections */
body[data-aram-page="home"] section{padding:110px 0!important}
body[data-aram-page="home"] .head{margin-bottom:46px!important}
body[data-aram-page="home"] .head h2{
  font-size:clamp(50px,5vw,70px)!important;
  line-height:.98!important;
}
body[data-aram-page="home"] .head p{font-size:14px!important;line-height:1.8!important}

/* Categories: flatter, editorial cards */
body[data-aram-page="home"] .shopGrid{gap:20px!important}
body[data-aram-page="home"] .shopCard{
  min-height:470px!important;
  border-radius:3px!important;
  border:1px solid #DCCDB4!important;
  padding:34px!important;
  box-shadow:none!important;
  background:#fff!important;
}
body[data-aram-page="home"] .shopCard:hover{
  transform:translateY(-4px)!important;
  border-color:#C5A568!important;
  box-shadow:0 20px 50px rgba(31,25,20,.08)!important;
}
body[data-aram-page="home"] .shopCard h3{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:38px!important;
  font-weight:500!important;
}
body[data-aram-page="home"] .shopCard .arrow{
  font-size:9px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#8E7040!important;
}
body[data-aram-page="home"] .floatBook{border-radius:4px!important;border:1px solid #BCA47D!important;box-shadow:0 18px 35px rgba(31,25,20,.14)!important}
body[data-aram-page="home"] .sc1,
body[data-aram-page="home"] .sc2,
body[data-aram-page="home"] .sc3{background:#fff!important}

/* Products */
body[data-aram-page="home"] .products{gap:24px!important}
body[data-aram-page="home"] .product{
  border-radius:3px!important;
  border:1px solid #DDD0BB!important;
  padding:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
body[data-aram-page="home"] .product:hover{transform:translateY(-5px)!important;box-shadow:0 22px 55px rgba(31,25,20,.09)!important}
body[data-aram-page="home"] .prodVisual{height:330px!important;border-radius:0!important;background:#F4EEE4!important}
body[data-aram-page="home"] .productMeta{padding:22px 20px 24px!important;border-top:1px solid #E7DCCB!important}
body[data-aram-page="home"] .product h4{font-family:Georgia,'Times New Roman',serif!important;font-size:19px!important;font-weight:500!important}
body[data-aram-page="home"] .productCategory{font-size:9px!important;letter-spacing:.15em!important;color:#987744!important}
body[data-aram-page="home"] .label{border-radius:2px!important;background:#1F1914!important;color:#F4E8D4!important;border:0!important;letter-spacing:.08em!important}

/* Builder — luxury dark editorial */
body[data-aram-page="home"] .builderSec{background:#F2ECE2!important;padding:110px 0!important}
body[data-aram-page="home"] .builderShell{
  border-radius:3px!important;
  padding:58px!important;
  background:#211A15!important;
  border:1px solid #7E6644!important;
  box-shadow:none!important;
}
body[data-aram-page="home"] .builderCopy h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important;font-size:60px!important}
body[data-aram-page="home"] .kicker{color:#C5A568!important}
body[data-aram-page="home"] .step{border-radius:2px!important;border-color:#5B4A38!important;background:transparent!important}
body[data-aram-page="home"] .demo{border-radius:2px!important;background:#F8F4ED!important}
body[data-aram-page="home"] .demoStage{border-radius:2px!important;border:1px solid #BDA57D!important}

/* Story / newsletter */
body[data-aram-page="home"] .storyBig,
body[data-aram-page="home"] .storySmall,
body[data-aram-page="home"] .news{border-radius:3px!important;border:1px solid #D9C9AE!important;box-shadow:none!important}
body[data-aram-page="home"] .storyBig{background:#fff!important}
body[data-aram-page="home"] .storySmall{background:#EADCC5!important}
body[data-aram-page="home"] .storyBig h2,
body[data-aram-page="home"] .storySmall h2{font-size:58px!important;font-weight:500!important}
body[data-aram-page="home"] .news{background:#241D17!important;color:#F7EFE2!important}
body[data-aram-page="home"] .news h3{color:#F7EFE2!important}
body[data-aram-page="home"] .news p{color:#CFC1AC!important}
body[data-aram-page="home"] .form input{border-radius:2px!important;border:1px solid #BCA47D!important}
body[data-aram-page="home"] .form button{border-radius:2px!important;background:#C5A568!important;border:1px solid #C5A568!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.10em!important}

/* Configurator — cleaner boutique product builder */
.an-configurator-shell{border-radius:3px!important;border:1px solid #D8C9AE!important;box-shadow:none!important;background:#fff!important}
.an-preview{background:#F5EFE6!important;padding:40px!important}
.an-preview-info,.an-summary{border-radius:3px!important;border:1px solid #DCCDB4!important;background:#fff!important}
.an-step-title{font-family:Georgia,'Times New Roman',serif!important;font-size:19px!important;font-weight:500!important}
.an-step-title span{border-radius:50%!important;background:#1F1914!important}
.an-option{border-radius:2px!important;min-height:48px!important;font-size:12px!important;background:#fff!important}
.an-option.is-selected{background:#1F1914!important;color:#F7EFE2!important;border-color:#1F1914!important;box-shadow:none!important}
.an-cover{border-radius:2px!important}
.an-cover.is-selected{border-color:#C5A568!important;background:#FAF4E8!important;box-shadow:inset 0 0 0 1px #C5A568!important}
.an-price{border-radius:2px!important;background:#F1E7D7!important;border:1px solid #D3BF9B!important}
.an-btn{border-radius:2px!important;background:#1F1914!important;color:#F8EFE2!important;box-shadow:none!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.12em!important}
.an-btn.secondary{background:#fff!important;border-color:#BFA87D!important;color:#3A2E24!important}

/* Product page */
body[data-aram-page="product"] main{background:#F5F0E8!important}
body[data-aram-page="product"] .gallery,
body[data-aram-page="product"] .info{border-radius:3px!important;border:1px solid #DCCDB4!important;box-shadow:none!important;background:#fff!important}
body[data-aram-page="product"] .info{padding:52px!important}
body[data-aram-page="product"] .info h1{font-size:clamp(52px,5vw,76px)!important}
body[data-aram-page="product"] .pill{border-radius:2px!important;background:#F3EADC!important}

/* Cart / checkout / legal */
body[data-aram-page="cart"] .items,
body[data-aram-page="cart"] .summary,
body[data-aram-page="checkout"] form,
body[data-aram-page="checkout"] .summary,
.aram-legal-card{
  border-radius:3px!important;
  border:1px solid #DCCDB4!important;
  box-shadow:none!important;
}
body[data-aram-page="cart"] .btn,
body[data-aram-page="checkout"] button,
body[data-aram-page="checkout"] .btn,
.aram-withdraw-btn{border-radius:2px!important}
.aram-legal-card{padding:54px!important}

/* Footer — boutique editorial */
#aram-global-footer{
  background:#E8DBC4!important;
  border-top:1px solid #CDB58C!important;
  padding:74px 0 32px!important;
}
#aram-global-footer .agf-grid{gap:68px!important}
#aram-global-footer h4{font-size:9px!important;letter-spacing:.18em!important;text-transform:uppercase!important}
#aram-global-footer p,#aram-global-footer a{font-size:12px!important;line-height:1.7!important}
#aram-global-footer .agf-withdraw{border-radius:2px!important;background:#1F1914!important;border-color:#1F1914!important;text-transform:uppercase!important;font-size:9px!important;letter-spacing:.10em!important}
#aram-global-footer .agf-bottom{border-top-color:#C9B28A!important}

/* Admin — visibly cleaner and more premium */
body[data-aram-page="admin"]{background:#F5F0E8!important}
body[data-aram-page="admin"] .card,
body[data-aram-page="admin"] .panel,
body[data-aram-page="admin"] .box,
body[data-aram-page="admin"] section{border-radius:4px!important;border-color:#D9CAB0!important;box-shadow:none!important;background:#fff!important}
body[data-aram-page="admin"] table{border-radius:4px!important;border-color:#D9CAB0!important}
body[data-aram-page="admin"] th{background:#EEE3D2!important;color:#46382B!important}
body[data-aram-page="admin"] button,
body[data-aram-page="admin"] .btn{border-radius:3px!important}

@media(max-width:900px){
  body[data-aram-page="home"] .heroGrid{grid-template-columns:1fr!important}
  body[data-aram-page="home"] .heroMain{min-height:590px!important;padding:58px 42px!important}
  body[data-aram-page="home"] section{padding:82px 0!important}
}
@media(max-width:600px){
  body[data-aram-page="home"] .nav{height:86px!important}
  body[data-aram-page="home"] .heroMain{padding:42px 24px!important;border-radius:2px!important}
  body[data-aram-page="home"] .heroMain h1{font-size:54px!important}
  body[data-aram-page="home"] section{padding:64px 0!important}
  body[data-aram-page="home"] .shopCard{min-height:390px!important}
  body[data-aram-page="home"] .builderShell{padding:30px 24px!important}
  .aram-legal-card{padding:30px!important}
}