/* ARAM NOTES — unified commerce theme
   Visual direction inspired by the clean ecommerce language used on Alegi-Ușor,
   rebuilt for ARAM NOTES with the primary brand colors #8FA68B and #C5A568. */

body[data-aram-page]{
  --brand:#8FA68B;
  --brand-dark:#405244;
  --brand-deep:#2E3D32;
  --gold:#C5A568;
  --gold-dark:#967842;
  --surface:#ffffff;
  --soft:#F5F7F4;
  --soft-green:#EEF3ED;
  --soft-gold:#F8F3E9;
  --text:#26322B;
  --muted2:#6F7972;
  --border:#E0E6E0;
  --shadow-soft:0 14px 36px rgba(48,66,55,.08);
  --bg:#ffffff;
  --ink:#26322B;
  --paper:#ffffff;
  --orange:#8FA68B;
  --sky:#EEF3ED;
  --lilac:#F8F3E9;
  --butter:#F8F3E9;
  --mint:#EEF3ED;
  --line:#E0E6E0;
  --muted:#6F7972;
  --yellow:#F3E9D3;
  --green:#E7F0E6;
  --red:#F8E5E2;
  margin:0;
  background:#fff !important;
  color:var(--text) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
body[data-aram-page] *{box-sizing:border-box}
body[data-aram-page] a{transition:.18s ease}
body[data-aram-page] button,body[data-aram-page] input,body[data-aram-page] select,body[data-aram-page] textarea{font-family:inherit}

/* ---------- HOME ---------- */
body[data-aram-page="home"] .top{
  background:var(--brand-deep) !important;
  color:#fff !important;
  padding:10px 16px !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
}
body[data-aram-page="home"] .header{
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid var(--border) !important;
  backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(38,50,43,.03);
}
body[data-aram-page="home"] .nav{height:88px !important}
body[data-aram-page="home"] .nav a{color:var(--brand-dark) !important;font-size:14px !important;font-weight:700 !important}
body[data-aram-page="home"] .nav a:hover{color:var(--gold-dark) !important}
body[data-aram-page="home"] .logo{font-size:25px !important;letter-spacing:.13em !important;color:var(--brand-deep) !important}
body[data-aram-page="home"] .icon{
  width:42px !important;height:42px !important;border:1px solid var(--border) !important;border-radius:12px !important;background:var(--soft) !important;color:var(--brand-deep) !important
}
body[data-aram-page="home"] .hero{padding:0 0 54px !important;background:linear-gradient(120deg,#FAFCF9 0%,#EEF4ED 62%,#F8F2E8 100%) !important}
body[data-aram-page="home"] .heroGrid{gap:24px !important;grid-template-columns:1.08fr .92fr !important;padding-top:34px !important}
body[data-aram-page="home"] .heroMain{
  min-height:510px !important;border-radius:24px !important;background:linear-gradient(135deg,#F7FAF6,#EDF3EC) !important;padding:62px !important;border:1px solid #DDE6DC !important;box-shadow:var(--shadow-soft) !important
}
body[data-aram-page="home"] .heroMain h1{font-size:clamp(48px,6vw,74px) !important;line-height:1.02 !important;letter-spacing:-.045em !important;color:var(--brand-deep) !important;max-width:690px !important}
body[data-aram-page="home"] .heroMain p{font-size:18px !important;line-height:1.68 !important;color:#536158 !important;max-width:560px !important}
body[data-aram-page="home"] .heroBtns{margin-top:28px !important}
body[data-aram-page="home"] .btn{
  border:1px solid #C9D4CB !important;border-radius:10px !important;padding:14px 20px !important;background:#fff !important;color:var(--brand-dark) !important;font-size:13px !important;font-weight:800 !important;box-shadow:0 4px 14px rgba(48,66,55,.05) !important
}
body[data-aram-page="home"] .btn.dark{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important;box-shadow:0 10px 24px rgba(143,166,139,.24) !important}
body[data-aram-page="home"] .btn:hover{transform:translateY(-1px);border-color:var(--brand) !important}
body[data-aram-page="home"] .scribble{border:1px solid #D5DED5 !important;background:#fff !important;color:var(--gold-dark) !important;border-radius:999px !important;box-shadow:var(--shadow-soft) !important}
body[data-aram-page="home"] .book{border:1px solid #D5DDD5 !important;border-radius:12px !important;box-shadow:0 18px 35px rgba(47,61,50,.16) !important}
body[data-aram-page="home"] .book:before{background:repeating-linear-gradient(to bottom,transparent 0 9px,var(--brand-deep) 9px 11px,transparent 11px 19px) !important}
body[data-aram-page="home"] .b1{background:#E9F0E7 !important}.b2{background:#F3ECDF !important}.b3{background:#fff !important}
body[data-aram-page="home"] .heroSide{gap:16px !important}
body[data-aram-page="home"] .sideCard{border:1px solid var(--border) !important;border-radius:20px !important;padding:28px !important;background:#fff !important;box-shadow:var(--shadow-soft) !important}
body[data-aram-page="home"] .sideOne{background:#F7FAF6 !important}.sideTwo{background:#F9F4EA !important}
body[data-aram-page="home"] .sideCard h3{font-size:30px !important;color:var(--brand-deep) !important}
body[data-aram-page="home"] .sideCard p{color:var(--muted2) !important}
body[data-aram-page="home"] .badge{border:1px solid #D6DED6 !important;background:#fff !important;color:var(--brand-dark) !important;box-shadow:var(--shadow-soft) !important}
body[data-aram-page="home"] .marquee{border:0 !important;border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;background:#fff !important}
body[data-aram-page="home"] .marqueeInner{font-size:14px !important;color:var(--brand-dark) !important;padding:16px 0 !important}
body[data-aram-page="home"] .dot{color:var(--gold) !important}
body[data-aram-page="home"] section{padding:74px 0 !important}
body[data-aram-page="home"] .head h2{font-size:40px !important;letter-spacing:-.04em !important;color:var(--brand-deep) !important}
body[data-aram-page="home"] .head p{color:var(--muted2) !important}
body[data-aram-page="home"] .shopGrid{gap:16px !important}
body[data-aram-page="home"] .shopCard{
  min-height:330px !important;border:1px solid var(--border) !important;border-radius:18px !important;background:#fff !important;padding:22px !important;box-shadow:0 7px 24px rgba(48,66,55,.05) !important;transition:.18s ease !important
}
body[data-aram-page="home"] .shopCard:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft) !important;border-color:#C9D7C8 !important}
body[data-aram-page="home"] .shopCard h3{font-size:26px !important;color:var(--brand-deep) !important}
body[data-aram-page="home"] .shopCard p{color:var(--muted2) !important}
body[data-aram-page="home"] .shopCard .arrow{color:var(--brand) !important;font-size:12px !important}
body[data-aram-page="home"] .shopCard.dynamicCat .catCount{border:0 !important;background:var(--soft-green) !important;color:var(--brand-dark) !important}
body[data-aram-page="home"] .floatBook{border:1px solid #CAD5CB !important;box-shadow:0 16px 30px rgba(48,66,55,.14) !important}
body[data-aram-page="home"] .sc1 .floatBook{background:#EEF3ED !important}.sc2 .floatBook{background:#F7F1E5 !important}.sc3 .floatBook{background:#fff !important}
body[data-aram-page="home"] .builderSec{background:#F7F9F6 !important;padding:65px 0 !important}
body[data-aram-page="home"] .builderShell{background:var(--brand-deep) !important;border-radius:24px !important;padding:30px !important;box-shadow:0 16px 38px rgba(47,61,50,.14) !important}
body[data-aram-page="home"] .builderCopy h2{font-size:46px !important}.builderCopy p{color:#D8E0DA !important}
body[data-aram-page="home"] .step{border:1px solid rgba(255,255,255,.16) !important;border-radius:10px !important;background:rgba(255,255,255,.05) !important}
body[data-aram-page="home"] .demo{background:#fff !important;border-radius:18px !important;padding:18px !important}
body[data-aram-page="home"] .demoStage{border:1px solid #D8E0D8 !important;border-radius:14px !important;background:linear-gradient(145deg,#EEF4ED,#F8F2E8) !important}
body[data-aram-page="home"] .chip{border:1px solid #D8E0D8 !important;border-radius:8px !important}.chip.on{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
body[data-aram-page="home"] .storeFilters{gap:7px !important}
body[data-aram-page="home"] .storeFilter{border:1px solid #D8E0D8 !important;border-radius:9px !important;padding:10px 13px !important;font-weight:700 !important;color:var(--brand-dark) !important}
body[data-aram-page="home"] .storeFilter.active{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
body[data-aram-page="home"] .products{gap:18px !important}
body[data-aram-page="home"] .product{border:1px solid var(--border) !important;border-radius:16px !important;padding:0 !important;overflow:hidden !important;box-shadow:0 6px 20px rgba(48,66,55,.04) !important;background:#fff !important}
body[data-aram-page="home"] .dynamicProduct:hover{transform:translateY(-3px) !important;box-shadow:var(--shadow-soft) !important}
body[data-aram-page="home"] .prodVisual{border:0 !important;border-radius:0 !important;background:linear-gradient(145deg,#F7FAF7,#EEF4ED) !important}
body[data-aram-page="home"] .productMeta{padding:18px !important}.productCategory{color:var(--brand) !important}.product h4{font-size:16px !important;color:var(--brand-deep) !important}.price{color:var(--brand-deep) !important}
body[data-aram-page="home"] .label{border:0 !important;background:var(--brand) !important;color:#fff !important;border-radius:999px !important}
body[data-aram-page="home"] .storyGrid{gap:18px !important}.storyBig,.storySmall{border:1px solid var(--border) !important;border-radius:20px !important;box-shadow:var(--shadow-soft) !important}.storyBig{background:#fff !important}.storySmall{background:#F3F7F2 !important}
body[data-aram-page="home"] .storyBig h2,body[data-aram-page="home"] .storySmall h2{font-size:42px !important;color:var(--brand-deep) !important}.storyBig p,.storySmall p{color:var(--muted2) !important}.stamp{border:1px solid #D9E1D9 !important;background:#F7F1E6 !important;color:var(--gold-dark) !important}
body[data-aram-page="home"] .news{background:#EFF4EE !important;border:1px solid #D8E2D7 !important;border-radius:18px !important}.news h3{font-size:30px !important;color:var(--brand-deep) !important}.news p{color:var(--muted2) !important}.form input{border:1px solid #CDD7CE !important;border-radius:9px !important}.form button{border:0 !important;border-radius:9px !important;background:var(--brand) !important;color:#fff !important}
body[data-aram-page="home"] .footer{background:var(--brand-deep) !important;color:#DDE5DF !important;padding:52px 0 30px !important}.foot{border-top:0 !important}.foot h4,.footBrand{color:#fff !important}.foot a{color:#C8D3CB !important}.copy{border-top:1px solid rgba(255,255,255,.12) !important;color:#C8D3CB !important}
body[data-aram-page="home"] .storeState{border:1px dashed #C8D3CA !important;border-radius:14px !important;background:#FAFCFA !important;color:var(--muted2) !important}

/* ---------- PRODUCT ---------- */
body[data-aram-page="product"] .top{background:var(--brand-deep) !important;color:#fff !important}
body[data-aram-page="product"] .header{background:#fff !important;border-bottom:1px solid var(--border) !important}
body[data-aram-page="product"] .nav{height:86px !important}.logo{color:var(--brand-deep) !important}
body[data-aram-page="product"] main{background:#F7F9F7 !important;padding:50px 0 90px !important}
body[data-aram-page="product"] .productGrid{gap:44px !important}
body[data-aram-page="product"] .gallery{border:1px solid var(--border) !important;border-radius:20px !important;background:#fff !important;box-shadow:var(--shadow-soft) !important;min-height:560px !important}
body[data-aram-page="product"] .info{background:#fff !important;border:1px solid var(--border) !important;border-radius:20px !important;padding:34px !important;box-shadow:var(--shadow-soft) !important}
body[data-aram-page="product"] .eyebrow{color:var(--brand) !important}.info h1{color:var(--brand-deep) !important;font-size:clamp(40px,5vw,64px) !important}.info .price{color:var(--brand-deep) !important}
body[data-aram-page="product"] .pill{border:1px solid #D4DED5 !important;border-radius:8px !important;background:var(--soft-green) !important;color:var(--brand-dark) !important}
body[data-aram-page="product"] .btn{border:1px solid #CBD6CC !important;border-radius:10px !important;background:#fff !important;color:var(--brand-dark) !important}.btn.dark{background:var(--brand) !important;border-color:var(--brand) !important;color:#fff !important}
body[data-aram-page="product"] .note{border:1px solid #D7E2D7 !important;border-radius:12px !important;background:#F2F6F1 !important;color:#58635B !important}

/* ---------- CONFIGURATOR ---------- */
body[data-aram-page="configure"]{background:#F6F8F5 !important}
body[data-aram-page="configure"] .topbar{background:var(--brand-deep) !important;color:#fff !important}
body[data-aram-page="configure"] .nav{background:#fff !important;border-bottom:1px solid var(--border) !important;height:84px !important}
body[data-aram-page="configure"] main{padding:48px 0 80px !important}
body[data-aram-page="configure"] .grid{gap:22px !important}
body[data-aram-page="configure"] .preview,body[data-aram-page="configure"] .builder{border:1px solid var(--border) !important;border-radius:20px !important;box-shadow:var(--shadow-soft) !important;background:#fff !important}
body[data-aram-page="configure"] .preview{background:linear-gradient(145deg,#EEF4ED,#F8F3EA) !important}
body[data-aram-page="configure"] .builder{padding:32px !important}.builder h1{color:var(--brand-deep) !important;font-size:clamp(40px,5vw,62px) !important}.builder .intro{color:var(--muted2) !important}
body[data-aram-page="configure"] .opt{border:1px solid #CCD7CD !important;border-radius:9px !important;color:var(--brand-dark) !important;background:#fff !important}.opt.active{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
body[data-aram-page="configure"] .cover{border-radius:10px !important}.cover.active{border-color:var(--brand) !important;background:var(--soft-green) !important}
body[data-aram-page="configure"] .summary{border:1px solid #D7E1D7 !important;border-radius:14px !important;background:#F3F7F2 !important}.builder .btn{border:0 !important;border-radius:10px !important;background:var(--brand) !important;color:#fff !important}.builder .btn[style]{border:1px solid #CCD7CD !important;background:#fff !important;color:var(--brand-dark) !important}

/* ---------- CART ---------- */
body[data-aram-page="cart"]{background:#F6F8F5 !important}
body[data-aram-page="cart"] .topbar{background:var(--brand-deep) !important;color:#fff !important}.nav{background:#fff !important;border-bottom:1px solid var(--border) !important}
body[data-aram-page="cart"] main{padding:48px 0 80px !important}.head h1{color:var(--brand-deep) !important;font-size:clamp(44px,6vw,68px) !important}.count{color:var(--muted2) !important}
body[data-aram-page="cart"] .items,body[data-aram-page="cart"] .summary{border:1px solid var(--border) !important;border-radius:18px !important;box-shadow:var(--shadow-soft) !important;background:#fff !important}
body[data-aram-page="cart"] .item{border-bottom:1px solid #E8ECE8 !important}.thumb{border:1px solid #D5DED5 !important;border-radius:10px !important;background:#F3F7F2 !important}.name{color:var(--brand-deep) !important}.meta{color:var(--muted2) !important}.qty{border:1px solid #CBD6CC !important}.remove{color:#A35C53 !important}.discountBox{border:1px solid #D7E1D7 !important;border-radius:12px !important;background:#EFF5EE !important;color:var(--brand-dark) !important}.summary .btn{border:0 !important;border-radius:10px !important;background:var(--brand) !important;color:#fff !important}.summary .btn.alt{border:1px solid #CBD6CC !important;background:#fff !important;color:var(--brand-dark) !important}.empty{border:1px dashed #CAD4CB !important;border-radius:16px !important;background:#fff !important}

/* ---------- CHECKOUT ---------- */
body[data-aram-page="checkout"]{background:#F6F8F5 !important}
body[data-aram-page="checkout"] .topbar{background:var(--brand-deep) !important;color:#fff !important}.nav{background:#fff !important;border-bottom:1px solid var(--border) !important}
body[data-aram-page="checkout"] main{padding:48px 0 80px !important}.head h1{color:var(--brand-deep) !important;font-size:clamp(44px,6vw,66px) !important}.lead{color:var(--muted2) !important}
body[data-aram-page="checkout"] .panel{border:1px solid var(--border) !important;border-radius:18px !important;box-shadow:var(--shadow-soft) !important;background:#fff !important}.panel h2{color:var(--brand-deep) !important}
body[data-aram-page="checkout"] .field input,body[data-aram-page="checkout"] .field textarea,body[data-aram-page="checkout"] .field select{border:1px solid #C9D4CB !important;border-radius:9px !important}.field label{color:var(--brand-dark) !important}
body[data-aram-page="checkout"] .choice{border:1px solid #D5E0D5 !important;border-radius:12px !important;background:#F1F6F0 !important}.check{color:var(--muted2) !important}.checkout-page .btn,body[data-aram-page="checkout"] .btn{border:0 !important;border-radius:10px !important;background:var(--brand) !important;color:#fff !important}.message{border:1px solid var(--border) !important;border-radius:10px !important}

/* ---------- ORDER SUCCESS ---------- */
body[data-aram-page="order-success"]{background:linear-gradient(145deg,#F3F7F2,#F8F3E9) !important}
body[data-aram-page="order-success"] .box{border:1px solid var(--border) !important;border-radius:22px !important;box-shadow:var(--shadow-soft) !important;background:#fff !important}.ok{border:0 !important;background:var(--brand) !important;color:#fff !important}.box h1{color:var(--brand-deep) !important}.nr{border:1px solid #D3DED3 !important;background:#F2F6F1 !important;color:var(--brand-dark) !important}.box .btn{border:0 !important;border-radius:10px !important;background:var(--brand) !important;color:#fff !important}

/* ---------- PUBLIC ORDER LOOKUP ---------- */
body[data-aram-page="orders"]{background:#F6F8F5 !important}
body[data-aram-page="orders"] .top{background:var(--brand-deep) !important;color:#fff !important}.nav{background:#fff !important;border-bottom:1px solid var(--border) !important}
body[data-aram-page="orders"] main{padding:54px 0 90px !important}.wrap>h1{color:var(--brand-deep) !important;font-size:clamp(44px,6vw,68px) !important}.lead{color:var(--muted2) !important}.card{border:1px solid var(--border) !important;border-radius:18px !important;box-shadow:var(--shadow-soft) !important;background:#fff !important}.field input{border:1px solid #CBD6CC !important;border-radius:9px !important}.card .btn{border:0 !important;border-radius:10px !important;background:var(--brand) !important}.statusTop .badge{border:0 !important;background:#EAF2E9 !important;color:var(--brand-dark) !important}.box{border:1px solid #D8E1D8 !important;border-radius:12px !important;background:#F2F6F1 !important}.dot{border:0 !important;background:var(--gold) !important}

/* ---------- ADMIN ---------- */
body[data-aram-page="admin"]{
  background:#F6F7F6 !important;
  color:#202723 !important;
  --ink:#202723;
  --muted:#747B76;
  --line:#E1E4E1;
}
body[data-aram-page="admin"] .layout{grid-template-columns:238px 1fr !important;background:#F6F7F6 !important}
body[data-aram-page="admin"] .side{
  background:linear-gradient(180deg,var(--brand-deep),#354A3B) !important;
  color:#fff !important;
  padding:20px 12px !important;
  box-shadow:8px 0 28px rgba(35,49,40,.08);
}
body[data-aram-page="admin"] .brand{font-size:20px !important;letter-spacing:.12em !important;margin:6px 8px 24px !important;color:#fff !important}
body[data-aram-page="admin"] .menu button{
  color:#DBE4DD !important;padding:11px 12px !important;border-radius:8px !important;font-size:12px !important;font-weight:700 !important;margin-bottom:3px !important
}
body[data-aram-page="admin"] .menu button.active,body[data-aram-page="admin"] .menu button:hover{background:rgba(255,255,255,.11) !important;color:#fff !important}
body[data-aram-page="admin"] .count{background:var(--gold) !important;color:#fff !important}
body[data-aram-page="admin"] .main{padding:32px 36px 70px !important;max-width:1600px !important;width:100% !important}
body[data-aram-page="admin"] .top{margin-bottom:22px !important}.top h1{font-size:32px !important;letter-spacing:-.035em !important;color:#202723 !important}
body[data-aram-page="admin"] .demo{background:#F2E8D4 !important;color:#6F572D !important;border:1px solid #DCCBA9 !important;border-radius:8px !important;padding:8px 11px !important}
body[data-aram-page="admin"] .stats,body[data-aram-page="admin"] .marketingStats{gap:12px !important}
body[data-aram-page="admin"] .stat,body[data-aram-page="admin"] .panel,body[data-aram-page="admin"] .card{
  background:#fff !important;border:1px solid #E0E3E0 !important;border-radius:12px !important;box-shadow:0 1px 0 rgba(0,0,0,.02) !important
}
body[data-aram-page="admin"] .stat{padding:16px 18px !important}.stat small{color:#7B817D !important;font-size:10px !important;letter-spacing:.03em !important}.stat b{font-size:25px !important;color:#202723 !important}
body[data-aram-page="admin"] .panel{padding:18px !important;margin-bottom:15px !important}.toolbar{margin-bottom:13px !important}.toolbar h2{font-size:22px !important;color:#202723 !important}.toolbar small{color:#818781 !important}
body[data-aram-page="admin"] .btn{
  border:1px solid #C9CECA !important;border-radius:8px !important;padding:9px 12px !important;background:#fff !important;color:#303834 !important;font-size:11px !important;font-weight:750 !important;box-shadow:0 1px 0 rgba(0,0,0,.03) !important
}
body[data-aram-page="admin"] .btn:hover{background:#F4F5F4 !important}.btn.dark{background:#303A33 !important;color:#fff !important;border-color:#303A33 !important}.btn.mint,.btn.orange,.btn.sky{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}.btn.danger{background:#FFF1EF !important;color:#A34136 !important;border-color:#EACBC7 !important}.btn.warn{background:#FAF1DE !important;color:#7A5D28 !important;border-color:#E6D2A9 !important}
body[data-aram-page="admin"] .filters input,body[data-aram-page="admin"] .filters select,body[data-aram-page="admin"] .field input,body[data-aram-page="admin"] .field textarea,body[data-aram-page="admin"] .field select,body[data-aram-page="admin"] .statusSelect,body[data-aram-page="admin"] .configProductSelect,body[data-aram-page="admin"] .segmentGrid input,body[data-aram-page="admin"] .segmentGrid select{
  border:1px solid #C9CECA !important;border-radius:7px !important;background:#fff !important;padding:9px 10px !important;color:#303834 !important;box-shadow:0 1px 0 rgba(0,0,0,.02) inset !important
}
body[data-aram-page="admin"] .field label{font-size:10px !important;color:#5F6661 !important;font-weight:700 !important}
body[data-aram-page="admin"] .table th{background:#FAFAFA !important;color:#707671 !important;font-size:9px !important;border-bottom:1px solid #DFE2DF !important;padding:10px 12px !important}
body[data-aram-page="admin"] .table td{font-size:11px !important;border-bottom:1px solid #ECEEEC !important;padding:11px 12px !important}.row:hover{background:#F8F9F8 !important}
body[data-aram-page="admin"] .badge{border:0 !important;border-radius:999px !important;padding:5px 8px !important;font-size:9px !important}.green,.consentYes{background:#E5F1E8 !important;color:#356644 !important}.orangeb{background:#FBF1DB !important;color:#7B5B24 !important}.blue{background:#E9F0EA !important;color:#44614C !important}.gray,.consentNo{background:#F0F1F0 !important;color:#666D68 !important}.red,.consentOff{background:#FBE8E5 !important;color:#A24439 !important}
body[data-aram-page="admin"] .productRow,body[data-aram-page="admin"] .catalogRow,body[data-aram-page="admin"] .variantRow,body[data-aram-page="admin"] .coverAdminRow,body[data-aram-page="admin"] .customerOrder,body[data-aram-page="admin"] .campaignRow{
  border:1px solid #E0E3E0 !important;border-radius:10px !important;background:#fff !important;box-shadow:none !important
}
body[data-aram-page="admin"] .productRow:hover,body[data-aram-page="admin"] .catalogRow:hover,body[data-aram-page="admin"] .campaignRow:hover,body[data-aram-page="admin"] .customerOrder:hover{background:#F8F9F8 !important;border-color:#CDD4CE !important}
body[data-aram-page="admin"] .productThumb,body[data-aram-page="admin"] .coverImageMini,body[data-aram-page="admin"] .imagePreview{border:1px solid #D5DAD6 !important;border-radius:8px !important;background:#F5F7F5 !important}
body[data-aram-page="admin"] .imageUploadBox{border:1px dashed #BBC5BD !important;border-radius:10px !important;background:#FAFBFA !important}.statusLine{border:1px solid #D9DEDA !important;border-radius:9px !important;background:#FAFBFA !important}
body[data-aram-page="admin"] .catalogTabs{gap:5px !important}.catalogTab,.quickStat{border:1px solid #D1D6D2 !important;border-radius:7px !important;background:#F5F6F5 !important;color:#5E655F !important;font-size:10px !important}.catalogTab.active,.quickStat.active{background:#fff !important;color:#202723 !important;box-shadow:0 1px 4px rgba(0,0,0,.08) !important;border-color:#C8CEC9 !important}
body[data-aram-page="admin"] .collectionCheck,body[data-aram-page="admin"] .assignCover{border:1px solid #D8DDDA !important;border-radius:8px !important;background:#fff !important;font-size:11px !important}.configNote,.publicTrack,.segmentBox{border:1px solid #D6E0D6 !important;border-radius:10px !important;background:#F1F6F0 !important;color:#4A5D4D !important}.recipientPreview{border:1px dashed #C5CEC7 !important;border-radius:9px !important;background:#fff !important}
body[data-aram-page="admin"] .pricebox{background:#F8F3E9 !important;border:1px solid #E5D8BC !important;border-radius:10px !important}.notice{background:#F5F7F4 !important;border:1px solid #D9DFDA !important;border-radius:9px !important;color:#626A64 !important}.lookupTag{border:0 !important;background:#EDF3EC !important;color:#44614C !important}
body[data-aram-page="admin"] .configcell{border:1px solid #E0E3E0 !important;border-radius:8px !important;background:#FAFBFA !important}.item{border:1px solid #E0E3E0 !important;border-radius:10px !important;background:#FAFBFA !important}.dot{background:var(--brand) !important}
body[data-aram-page="admin"] .editBanner{border:1px solid #E6D9BC !important;border-radius:9px !important;background:#FAF3E5 !important;color:#725A30 !important}.productMsg{border:1px solid #D7DDD8 !important;border-radius:9px !important}.productMsg.ok{background:#EDF6EE !important;color:#3D6A47 !important}.productMsg.err{background:#FCEBE8 !important;color:#9C433A !important}
body[data-aram-page="admin"] .customerRow{border-bottom:1px solid #E8EAE8 !important}.customerRow:hover{background:#F8F9F8 !important}.campaignStatus{border:0 !important;background:#F4ECD9 !important;color:#755A29 !important}
body[data-aram-page="admin"] .noteBox{border:1px solid #D7DDD8 !important;border-radius:9px !important;background:#fff !important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  body[data-aram-page="home"] .heroGrid{grid-template-columns:1fr !important}
  body[data-aram-page="home"] .heroSide{grid-template-columns:1fr 1fr !important}
  body[data-aram-page="home"] .heroMain{min-height:560px !important}
  body[data-aram-page="admin"] .layout{grid-template-columns:200px 1fr !important}
  body[data-aram-page="admin"] .main{padding:24px !important}
}
@media(max-width:700px){
  body[data-aram-page="home"] .nav{height:74px !important}
  body[data-aram-page="home"] .heroMain{padding:32px !important;min-height:520px !important}
  body[data-aram-page="home"] .heroMain h1{font-size:46px !important}
  body[data-aram-page="home"] .heroSide{grid-template-columns:1fr !important}
  body[data-aram-page="home"] .shopGrid{grid-template-columns:1fr !important}
  body[data-aram-page="home"] .products{grid-template-columns:1fr 1fr !important}
  body[data-aram-page="admin"] .layout{display:block !important}
  body[data-aram-page="admin"] .side{position:relative !important;height:auto !important;min-height:0 !important}
  body[data-aram-page="admin"] .menu{display:grid !important;grid-template-columns:1fr 1fr !important;gap:4px !important}
  body[data-aram-page="admin"] .main{padding:18px 12px 50px !important}
  body[data-aram-page="admin"] .top h1{font-size:26px !important}
  body[data-aram-page="admin"] .stats,body[data-aram-page="admin"] .marketingStats{grid-template-columns:1fr 1fr !important}
}
@media(max-width:520px){
  body[data-aram-page="home"] .products{grid-template-columns:1fr !important}
  body[data-aram-page="home"] .heroMain h1{font-size:40px !important}
  body[data-aram-page="admin"] .stats,body[data-aram-page="admin"] .marketingStats{grid-template-columns:1fr !important}
  body[data-aram-page="admin"] .menu{grid-template-columns:1fr !important}
}
