/* ═══════════════════════════════════════════════════════════════
   MAJD FRONT CLASSIC — بيروت 1975
   لون واحد: أخضر داكن + عاجي + نص داكن
═══════════════════════════════════════════════════════════════ */
.majd-front{
  --majd-front-cream:#f7f1e3;
  --majd-front-cream-2:#fbf7ed;
  --majd-front-paper:#fffdf8;
  --majd-front-green:#0F3D2E;
  --majd-front-green-2:#14513D;
  --majd-front-green-deep:#08261C;
  --majd-front-green-soft:#E8F0EC;
  --majd-front-ink:#1F1A13;
  --majd-front-muted:#5E6A66;
  --majd-front-line:rgba(15,61,46,.14);
  --majd-front-line-strong:rgba(15,61,46,.28);
  --majd-front-shadow:0 24px 60px -28px rgba(8,38,28,.45);
  background:var(--majd-front-cream);
  color:var(--majd-front-ink);
  font-family:'Amiri',serif;
  line-height:1.85;
  overflow:hidden;
}
.majd-front *{box-sizing:border-box}
.majd-front h1,.majd-front h2,.majd-front h3,.majd-front .display{font-family:'Aref Ruqaa','Amiri',serif;font-weight:700;line-height:1.3}
.majd-front .btn,.majd-front .cat,.majd-front .lbl,.majd-front .hero-eyebrow,.majd-front .hero-slider-title,.majd-front .stat span,.majd-front .disc-card p,.majd-front .disc-card .cnt,.majd-front .role{font-family:'Reem Kufi','Amiri',sans-serif}
.majd-front a{color:inherit;text-decoration:none}
.majd-front img{max-width:100%;display:block}
.majd-front .wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}

.majd-front .ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--majd-front-green);margin-bottom:20px}
.majd-front .ornament::before,.majd-front .ornament::after{content:"";height:1px;width:46px;background:linear-gradient(90deg,transparent,var(--majd-front-green))}
.majd-front .ornament::after{background:linear-gradient(90deg,var(--majd-front-green),transparent)}
.majd-front .ornament span{font-size:20px;transform:translateY(-2px)}

/* HERO */
.majd-front .hero{position:relative;background:linear-gradient(160deg,var(--majd-front-green) 0%,var(--majd-front-green-deep) 100%);color:var(--majd-front-cream-2);overflow:hidden;padding:86px 0 96px}
.majd-front .hero .pattern,.majd-front .spotlight .pattern{position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23E8F0EC' stroke-width='1'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z'/%3E%3Cpath d='M40 16L64 40L40 64L16 40Z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E")}
.majd-front .hero .glow,.majd-front .news .glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(232,240,236,.18),transparent 70%);top:-160px;left:-120px}
.majd-front .hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,0.95fr) minmax(340px,1.05fr);gap:54px;align-items:center}
.majd-front .hero-eyebrow{font-size:14px;letter-spacing:4px;color:#E8F0EC;text-transform:uppercase;margin-bottom:22px;display:inline-flex;align-items:center;gap:12px}
.majd-front .hero-eyebrow::before{content:"";width:38px;height:1px;background:#E8F0EC}
.majd-front .hero h1{font-size:clamp(40px,4.5vw,60px);color:#fff;line-height:1.25;margin:0 0 24px;text-shadow:0 2px 30px rgba(0,0,0,.26)}
.majd-front .hero h1 em{font-style:normal;color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px;text-decoration-color:rgba(232,240,236,.45)}
.majd-front .hero p.lead{font-size:21px;max-width:620px;color:rgba(247,241,227,.86);margin:0 0 38px}
.majd-front .hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.majd-front .hero-single-book{min-width:0;position:relative;max-width:360px;margin-inline:auto;width:100%}
.majd-front .hero-slider-title{display:inline-flex;margin-bottom:14px;color:#E8F0EC;font-size:14px;letter-spacing:2px;border:1px solid rgba(232,240,236,.28);padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.06)}
.majd-front .hero-single-book .book-card{box-shadow:0 28px 70px -34px rgba(0,0,0,.72);border-color:rgba(232,240,236,.26)}
.majd-front .hero-single-book .book-card:hover{transform:translateY(-5px)}
.majd-front .hero-single-book .book-card .info{padding:18px 18px 20px}
.majd-front .hero-single-book .book-card .info h3{font-size:23px;min-height:auto}

/* Buttons */
.majd-front .btn{font-size:16px;font-weight:500;padding:15px 34px;border-radius:8px;cursor:pointer;transition:.3s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.2;text-align:center}
.majd-front .btn:hover{transform:translateY(-2px)}
.majd-front .btn-gold,.majd-front .btn-primary{background:var(--majd-front-green);color:#fff;border-color:var(--majd-front-green)}
.majd-front .hero .btn-gold,.majd-front .spotlight .btn-gold,.majd-front .news .btn-gold{background:#E8F0EC;color:var(--majd-front-green-deep);border-color:#E8F0EC}
.majd-front .btn-gold:hover,.majd-front .btn-primary:hover{background:var(--majd-front-green-deep);color:#fff;border-color:var(--majd-front-green-deep);box-shadow:0 14px 30px -12px rgba(8,38,28,.6)}
.majd-front .hero .btn-gold:hover,.majd-front .spotlight .btn-gold:hover,.majd-front .news .btn-gold:hover{background:#fff;color:var(--majd-front-green-deep);border-color:#fff}
.majd-front .btn-ghost{background:transparent;color:var(--majd-front-cream-2);border-color:rgba(232,240,236,.46)}
.majd-front .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.majd-front .btn-outline{background:transparent;color:var(--majd-front-green);border-color:var(--majd-front-line-strong)}
.majd-front .btn-outline:hover{background:var(--majd-front-green);color:#fff;border-color:var(--majd-front-green)}
.majd-front .sec-foot{text-align:center;margin-top:38px}

/* Product sliders */
.majd-front .majd-product-slider{position:relative;--majd-slider-gap:22px;--slide-width:calc((100% - (var(--majd-slider-gap) * 4))/5)}

.majd-front .majd-slider-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 2px 24px;scrollbar-width:thin;scrollbar-color:rgba(15,61,46,.4) transparent}
.majd-front .hero .majd-slider-viewport{scrollbar-color:rgba(232,240,236,.48) transparent}
.majd-front .majd-slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--slide-width);gap:var(--majd-slider-gap);align-items:stretch}
.majd-front .majd-slide{scroll-snap-align:start;min-width:0}
.majd-front .majd-slider-btn{position:absolute;top:42%;z-index:8;width:42px;height:42px;border-radius:50%;border:1px solid var(--majd-front-line-strong);background:var(--majd-front-paper);color:var(--majd-front-green);font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px -18px rgba(0,0,0,.32);transition:.2s}
.majd-front .majd-slider-btn:hover{background:var(--majd-front-green);color:#fff;border-color:var(--majd-front-green)}
.majd-front .majd-slider-btn:disabled{opacity:.32;cursor:not-allowed;transform:none;background:var(--majd-front-paper);color:var(--majd-front-muted)}
.majd-front .majd-slider-btn--prev{right:-18px}
.majd-front .majd-slider-btn--next{left:-18px}
.majd-front .hero .majd-slider-btn{background:rgba(255,255,255,.94);border-color:rgba(232,240,236,.35)}
.majd-front .hero .majd-slider-btn:hover{background:#fff;color:var(--majd-front-green-deep)}

/* Cards */
.majd-front .books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.majd-front .book-card{background:var(--majd-front-paper);border:1px solid var(--majd-front-line);border-radius:14px;overflow:hidden;transition:.35s;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,0);height:100%;display:flex;flex-direction:column}
.majd-front .book-card:hover{transform:translateY(-8px);box-shadow:var(--majd-front-shadow);border-color:var(--majd-front-line-strong)}
.majd-front .book-card .cov{aspect-ratio:3/4;position:relative;background:linear-gradient(180deg,#fff,var(--majd-front-cream-2));overflow:hidden}
.majd-front .book-card .cov a{display:block;width:100%;height:100%}
.majd-front .book-card .cov img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease,filter .45s ease;filter:saturate(.98) contrast(1.02)}
.majd-front .book-card:hover .cov img{transform:scale(1.035)}
.majd-front .book-card .cov .tag{position:absolute;top:10px;right:10px;background:var(--majd-front-green);color:#fff;font-family:'Reem Kufi','Amiri',sans-serif;font-size:9px;letter-spacing:.5px;padding:3px 8px;border-radius:999px;z-index:4}
.majd-front .book-card .cov .tag.gold{background:var(--majd-front-green-deep);color:#fff}
.majd-front .book-card .info{padding:15px 14px 16px;text-align:center;display:flex;flex-direction:column;flex:1;align-items:center}
.majd-front .book-card .info .cat{font-size:10px;letter-spacing:.5px;color:var(--majd-front-muted);margin-bottom:2px}
.majd-front .book-card .info h3{font-size:18px;color:var(--majd-front-green-deep);margin:7px 0 3px;line-height:1.45;min-height:52px;display:flex;align-items:center;justify-content:center}
.majd-front .book-card .info h3 a:hover{color:var(--majd-front-green)}
.majd-front .book-card .info .auth{font-size:13.5px;color:var(--majd-front-ink);opacity:.72;min-height:24px}
.majd-front .book-card .info .price{font-size:16px;color:var(--majd-front-green);margin-top:8px;font-weight:700;min-height:25px}
.majd-front .book-card .info .add,.majd-front .book-card .info .button,.majd-front .book-card .info .add_to_cart_button{margin-top:11px;width:100%;background:var(--majd-front-green)!important;color:#fff!important;border:none!important;font-family:'Reem Kufi','Amiri',sans-serif;font-size:12.5px;padding:11px 8px;border-radius:10px;cursor:pointer;transition:.3s;opacity:1;transform:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;line-height:1.25}
.majd-front .book-card .info .add:hover,.majd-front .book-card .info .button:hover,.majd-front .book-card .info .add_to_cart_button:hover{background:var(--majd-front-green-deep)!important;color:#fff!important}

/* Auto generated cover */
.majd-front .cover-art{width:100%;height:100%;background:linear-gradient(155deg,var(--majd-front-green-2),var(--majd-front-green-deep));position:relative;display:flex;flex-direction:column;padding:22px 20px;border:1px solid rgba(232,240,236,.35);overflow:hidden}
.majd-front .cover-art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 32%),linear-gradient(35deg,transparent 0 42%,rgba(255,255,255,.05) 43% 45%,transparent 46%);pointer-events:none}
.majd-front .cover-art .frame{position:absolute;inset:10px;border:1px solid rgba(232,240,236,.45);border-radius:8px}
.majd-front .cover-art .pub{font-family:'Reem Kufi','Amiri',sans-serif;font-size:9px;letter-spacing:2px;color:#E8F0EC;text-align:center;margin-top:6px;position:relative;z-index:1}
.majd-front .cover-art .ttl{font-family:'Aref Ruqaa','Amiri',serif;color:#fff;font-size:clamp(16px,1.35vw,21px);text-align:center;margin:auto 0 12px;line-height:1.55;position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.majd-front .cover-art .ath{font-family:'Amiri',serif;font-size:12px;color:#E8F0EC;text-align:center;margin-bottom:8px;position:relative;z-index:1;opacity:.9}
.majd-front .cover-art .dot{width:5px;height:5px;background:#E8F0EC;border-radius:50%;margin:0 auto 16px;position:relative;z-index:1}

/* Stats */
.majd-front .stats{background:var(--majd-front-cream-2);border-bottom:1px solid var(--majd-front-line)}
.majd-front .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 32px}
.majd-front .stat{text-align:center;position:relative}
.majd-front .stat:not(:last-child)::after{content:"";position:absolute;left:0;top:14%;height:72%;width:1px;background:var(--majd-front-line)}
.majd-front .stat b{display:block;font-family:'Aref Ruqaa','Amiri',serif;font-size:46px;color:var(--majd-front-green);line-height:1}
.majd-front .stat span{font-size:14px;color:var(--majd-front-green-deep);letter-spacing:1px;margin-top:10px;display:block}

/* Sections */
.majd-front section.section{padding:86px 0}
.majd-front .sec-head{text-align:center;margin-bottom:42px}
.majd-front .sec-head .lbl{font-size:13px;letter-spacing:4px;color:var(--majd-front-green);text-transform:uppercase;margin-bottom:14px;display:block}
.majd-front .sec-head h2{font-size:42px;color:var(--majd-front-green-deep);margin:0}
.majd-front .sec-head p{color:var(--majd-front-ink);opacity:.7;max-width:620px;margin:14px auto 0;font-size:18px}
.majd-front .best-sellers{background:var(--majd-front-cream-2)}
.majd-front .category-books:nth-of-type(odd){background:var(--majd-front-cream-2)}

/* Disciplines */
.majd-front .disc{background:linear-gradient(180deg,var(--majd-front-cream),var(--majd-front-cream-2))}
.majd-front .disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.majd-front .disc-card{position:relative;border:1px solid var(--majd-front-line);border-radius:18px;padding:40px 34px;background:var(--majd-front-paper);overflow:hidden;transition:.35s;cursor:pointer}
.majd-front .disc-card::before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--majd-front-green);transform:scaleY(0);transform-origin:top;transition:.4s}
.majd-front .disc-card:hover{transform:translateY(-5px);box-shadow:var(--majd-front-shadow)}
.majd-front .disc-card:hover::before{transform:scaleY(1)}
.majd-front .disc-card .num{font-family:'Aref Ruqaa','Amiri',serif;font-size:15px;color:rgba(15,61,46,.42);position:absolute;top:24px;left:30px}
.majd-front .disc-card h3{font-size:25px;color:var(--majd-front-green-deep);margin:0 0 10px}
.majd-front .disc-card p{font-size:15px;color:var(--majd-front-ink);opacity:.7;line-height:1.7;min-height:50px}
.majd-front .disc-card .cnt{margin-top:16px;font-size:13px;color:var(--majd-front-green);letter-spacing:1px;display:block}

/* Spotlight */
.majd-front .spotlight{background:var(--majd-front-green);color:var(--majd-front-cream-2);position:relative;overflow:hidden;padding:90px 0}
.majd-front .spotlight .wrap{position:relative;display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center}
.majd-front .author-portrait{width:300px;height:360px;border-radius:18px;background:linear-gradient(155deg,var(--majd-front-green-2),var(--majd-front-green-deep));border:1px solid rgba(232,240,236,.4);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.majd-front .author-portrait img{width:100%;height:100%;object-fit:cover}
.majd-front .author-portrait::after{content:"";position:absolute;inset:10px;border:1px solid rgba(232,240,236,.25);pointer-events:none;border-radius:12px}
.majd-front .author-portrait .initial{font-family:'Aref Ruqaa','Amiri',serif;font-size:120px;color:#E8F0EC}
.majd-front .spotlight .lbl{font-size:13px;letter-spacing:4px;color:#E8F0EC;text-transform:uppercase;margin-bottom:18px;display:block}
.majd-front .spotlight h2{font-size:46px;color:#fff;margin:0 0 8px}
.majd-front .spotlight .role{color:#E8F0EC;font-size:16px;margin-bottom:24px;letter-spacing:1px}
.majd-front .spotlight p{font-size:19px;color:rgba(247,241,227,.82);max-width:620px;margin:0 0 30px}

/* About */
.majd-front .about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.majd-front .about .visual{position:relative;height:420px}
.majd-front .about .visual .block{position:absolute;border-radius:18px;border:1px solid var(--majd-front-line)}
.majd-front .about .visual .v1{width:62%;height:78%;top:0;right:0;background:linear-gradient(155deg,var(--majd-front-green-2),var(--majd-front-green-deep));z-index:2}
.majd-front .about .visual .v2{width:50%;height:60%;bottom:0;left:0;background:var(--majd-front-green-soft);z-index:1}
.majd-front .about .visual .estd{position:absolute;z-index:3;top:50%;right:50%;transform:translate(50%,-50%);text-align:center;color:#E8F0EC}
.majd-front .about .visual .estd b{font-family:'Aref Ruqaa','Amiri',serif;font-size:64px;display:block;line-height:1}
.majd-front .about .visual .estd span{letter-spacing:4px;font-size:13px}
.majd-front .about h2{font-size:42px;color:var(--majd-front-green-deep);margin:18px 0 22px}
.majd-front .about p{margin-bottom:18px;font-size:18.5px}
.majd-front .about .sign{font-family:'Aref Ruqaa','Amiri',serif;font-size:26px;color:var(--majd-front-green);margin-top:24px}

/* Newsletter */
.majd-front .news{background:linear-gradient(160deg,var(--majd-front-green-deep),var(--majd-front-green));color:var(--majd-front-cream-2);text-align:center;position:relative;overflow:hidden;padding:90px 0}
.majd-front .news .glow{bottom:-220px;right:-120px;top:auto;left:auto}
.majd-front .news .wrap{position:relative}
.majd-front .news h2{font-size:40px;color:#fff;margin:0 0 14px}
.majd-front .news p{font-size:18px;color:rgba(247,241,227,.8);max-width:520px;margin:0 auto 32px}
.majd-front .news-form{display:flex;max-width:520px;margin:0 auto;gap:12px;flex-wrap:wrap;justify-content:center}
.majd-front .news-form input{flex:1;min-width:240px;background:rgba(255,255,255,.08);border:1px solid rgba(232,240,236,.35);border-radius:8px;padding:16px 20px;color:#fff;font-size:17px;outline:none}
.majd-front .news-form input::placeholder{color:rgba(232,240,236,.7)}
.majd-front .news-form input:focus{border-color:#fff}

/* Reveal */
.majd-front .reveal{opacity:0;transform:translateY(26px);transition:.8s cubic-bezier(.2,.7,.2,1)}
.majd-front .reveal.in{opacity:1;transform:none}

@media(max-width:1180px){.majd-front .majd-product-slider{--majd-slider-gap:22px;--slide-width:calc((100% - (var(--majd-slider-gap) * 3))/4)}}
@media(max-width:980px){
  .majd-front .hero .wrap,.majd-front .spotlight .wrap,.majd-front .about .wrap{grid-template-columns:1fr;gap:40px}
  .majd-front .majd-product-slider{--majd-slider-gap:20px;--slide-width:calc((100% - (var(--majd-slider-gap) * 2))/3)}
  .majd-front .books-grid,.majd-front .disc-grid{grid-template-columns:repeat(2,1fr)}
  .majd-front .stats .wrap{grid-template-columns:repeat(2,1fr);gap:34px}
  .majd-front .stat::after{display:none!important}
  .majd-front .hero h1{font-size:44px}
}
@media(max-width:760px){
  .majd-front .majd-product-slider{--majd-slider-gap:16px;--slide-width:calc((100% - var(--majd-slider-gap))/2)}
}
@media(max-width:560px){
  .majd-front .books-grid,.majd-front .disc-grid{grid-template-columns:1fr}
  .majd-front .wrap{padding-inline:20px}
  .majd-front .hero{padding:58px 0 68px}
  .majd-front .hero p.lead{font-size:18px}
  .majd-front .majd-product-slider{--majd-slider-gap:16px;--slide-width:calc((100% - var(--majd-slider-gap))/2)}
  .majd-front .majd-slider-btn{display:none}
  .majd-front .stats .wrap{grid-template-columns:1fr 1fr;padding:34px 20px}
  .majd-front .author-portrait{width:100%;max-width:300px;margin:auto}
  .majd-front section.section{padding:64px 0}
  .majd-front .sec-head h2{font-size:34px}
  .majd-front .book-card .info h3{min-height:auto}
}


/* Hero top area: one book only */
.majd-front .hero-single-book .majd-slide{width:100%}
@media(max-width:980px){.majd-front .hero-single-book{max-width:330px}}
@media(max-width:560px){.majd-front .hero-single-book{max-width:300px}.majd-front .hero-single-book .book-card .cov{aspect-ratio:3/4}}