:root{
  --paper:#fbfaf6;
  --cream:#f4efe4;
  --cream-2:#eee6d7;
  --white:#ffffff;
  --primary:#004f87;
  --secondary:#0077b6;
  --accent:#0077b6;
  --green:#004f87;
  --green-deep:#004f87;
  --gold:#c59a52;
  --ink:#17201c;
  --muted:#68706a;
  --line:#ddd6c9;
  --max:1240px;
  --pad:clamp(20px,4vw,56px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}

/* =========================
   Vazirmatn Local Fonts
   ========================= */

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-FD-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-FD-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-FD-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-FD-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-FD-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-FD-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Vazirmatn","Vazir","IRANSansX",Tahoma,"Segoe UI",Arial,sans-serif;
  font-variant-numeric:normal;
  line-height:1.9;overflow-x:hidden
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}
.skip-link{position:fixed;top:-70px;right:20px;z-index:1000;background:#fff;padding:10px 14px;border:1px solid var(--line)}
.skip-link:focus{top:12px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #ece6db}
.header-inner{height:86px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:12px;margin-left:auto}
.logo-badge{display:grid;place-items:center;width:52px;height:60px;padding:5px;border:1px solid #e8e3d8;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(0,79,135,.06)}
.logo-badge img{width:30px;height:48px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1.3}
.brand-copy strong{font-size:1.45rem;color:var(--green)}
.brand-copy small{font-size:.7rem;margin-top:5px;color:#465049}
.desktop-nav{display:flex;align-items:center;gap:25px;white-space:nowrap;font-size:.9rem}
.desktop-nav a{padding:30px 0 26px;border-bottom:2px solid transparent}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--green);border-color:var(--green)}
.header-cta,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;background:var(--green);color:#fff;border-radius:8px;font-weight:700}
.header-cta{margin-right:auto}
.menu-button{display:none;width:44px;height:44px;padding:7px;border:0;background:transparent}
.menu-button span{display:block;height:2px;margin:6px 0;background:var(--green)}
.mobile-menu{display:none;padding:8px var(--pad) 18px;background:#fff;border-top:1px solid var(--line)}
.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #eee9df}

.hero{background:var(--cream);padding:0;border-bottom:1px solid var(--line)}
.hero-layout{min-height:560px;display:grid;grid-template-columns:1fr 1.12fr;align-items:stretch}
.hero-copy{align-self:center;padding:70px 6vw 70px 0}
.eyebrow,.kicker{font-size:.88rem;color:var(--green);font-weight:800}
.hero h1{font-size:clamp(4rem,7vw,7.2rem);line-height:1;margin:.12em 0 .22em;color:var(--green);letter-spacing:-.055em}
.hero-tagline{font-size:clamp(1.1rem,2.1vw,1.55rem);color:#9a6c2c;margin:0 0 14px}
.hero-description{max-width:590px;color:#545e57;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;gap:22px}
.text-link{font-weight:700;color:var(--green)}
.hero-image{margin:0;overflow:hidden;min-height:560px}
.hero-image picture,.hero-image img{width:100%;height:100%}
.hero-image img{object-fit:cover;object-position:55% center}

.feature-strip{background:#fff;border-bottom:1px solid var(--line)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.feature{display:flex;align-items:center;gap:15px;padding:26px 22px;border-left:1px solid var(--line)}
.feature:last-child{border-left:0}
.feature img{width:46px;height:46px;color:var(--green)}
.feature h2{font-size:1rem;margin:0;color:var(--green)}
.feature p{font-size:.8rem;margin:3px 0 0;color:var(--muted)}

.section{padding:clamp(72px,9vw,120px) 0}
.section-heading{display:flex;align-items:center;gap:22px;margin-bottom:38px}
.section-heading.centered{justify-content:center}
.section-heading h2{font-size:clamp(1.8rem,3.5vw,2.7rem);margin:0}
.gold-line{width:44px;height:1px;background:var(--gold)}
.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.domain-card{display:grid;grid-template-columns:1fr 46%;background:#f6f1e7;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:250px}
.domain-card:nth-child(2){background:#f0f3ee}
.domain-copy{padding:32px;align-self:center}
.domain-no{color:var(--gold);font-weight:800}
.domain-copy h3{font-size:1.3rem;margin:7px 0}
.domain-copy p{color:var(--muted);font-size:.92rem}
.domain-copy a{display:inline-block;margin-top:12px;color:var(--green);font-weight:800}
.domain-card>img{width:100%;height:100%;object-fit:cover}

.green-band{background:var(--green);color:#fff;padding:31px 0}
.band-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.band-grid article{display:flex;align-items:center;gap:13px;padding:5px 21px;border-left:1px solid rgba(255,255,255,.22)}
.band-grid article:last-child{border-left:0}
.band-grid img{width:44px;height:44px;filter:brightness(0) invert(82%) sepia(32%) saturate(624%) hue-rotate(350deg)}
.band-grid strong{display:block}
.band-grid span{display:block;opacity:.72;font-size:.77rem;margin-top:3px}

.about{background:#fff}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:start}
.about h2,.publishing-intro h2{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.25;margin:.12em 0}
.prose{color:#535d56;font-size:1.04rem}
.prose p{margin:0 0 20px}

.publishing{background:#f6f1e7}
.publishing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}
.publishing-intro{position:sticky;top:125px}
.publishing-intro>p:last-of-type{color:var(--muted)}
.publishing-photo{margin-top:28px;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:14px;display:block;box-shadow:0 18px 45px rgba(34,49,41,.10)}
.timeline{border-top:1px solid #d6cfc3}
.timeline article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid #d6cfc3}
.timeline article>span{font-size:1.55rem;color:var(--green);font-weight:800}
.timeline h3{font-size:1.08rem;margin:0 0 5px}
.timeline p{margin:0;color:var(--muted);font-size:.9rem}
.info-accordion{margin-top:70px;max-width:950px}
details{border-top:1px solid var(--line);padding:19px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:800;list-style:none}
summary::-webkit-details-marker{display:none}
details p{color:var(--muted)}

.advertising{background:var(--green-deep);color:#fff}
.ad-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}
.kicker.light{color:#bdefff}
.ad-copy h2{font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.95;margin:.25em 0 .9em;font-weight:700;letter-spacing:0}
.ad-copy h2 em{font-style:normal;color:inherit;font-weight:inherit}
.ad-copy>p:last-child{max-width:760px;color:#c6d0ca}
.ad-photo{width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.statement{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:75px;padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}
.statement span{font-size:clamp(2rem,4vw,3.8rem);font-weight:900}
.statement p{color:#c4cec8}

.services{background:#fff}
.left-heading{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}
.left-heading>p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.service-grid>div{display:flex;gap:18px;padding:22px 5px;border-bottom:1px solid var(--line)}
.service-grid span{color:var(--primary);font-size:.82rem;font-weight:800}

.journal{background:var(--paper)}
.journal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.journal-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.journal-grid img{width:100%;aspect-ratio:1.45/1;object-fit:cover}
.journal-grid h3{font-size:1.02rem;margin:18px 18px 6px}
.journal-grid p{font-size:.84rem;color:var(--muted);margin:0 18px 20px}

.site-footer{background:var(--green);color:#fff;padding:55px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px}
.footer-brand{display:flex;gap:16px}
.footer-logo{background:#fff}
.footer-brand strong{font-size:1.3rem}
.footer-brand p,.site-footer p{color:#d6e0db;margin:.3em 0}
.site-footer a{color:#fff}
.copyright{margin-top:32px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);font-size:.8rem;opacity:.72}

@media(max-width:1020px){
  .desktop-nav,.header-cta{display:none}
  .menu-button{display:block}
  .header-inner{height:74px}
  .brand-copy strong{font-size:1.2rem}
  .logo-badge{width:46px;height:52px}
  .logo-badge img{width:26px;height:42px}
  .hero-layout{grid-template-columns:1fr}
  .hero-copy{padding:55px 0 35px}
  .hero-image{min-height:430px}
  .feature-grid{grid-template-columns:1fr 1fr}
  .feature:nth-child(2){border-left:0}
  .feature:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .domain-grid,.about-grid,.publishing-grid,.ad-grid,.statement,.left-heading{grid-template-columns:1fr}
  .publishing-intro{position:static}
  .band-grid{grid-template-columns:1fr 1fr}
  .band-grid article:nth-child(2){border-left:0}
  .band-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:15px;margin-bottom:10px}
  .journal-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:680px){
  .mobile-menu.open{display:block}
  .brand-copy small{display:none}
  .hero h1{font-size:clamp(3.5rem,18vw,5.4rem)}
  .hero-image{min-height:330px}
  .hero-image img{object-position:54% center}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .feature-grid{grid-template-columns:1fr}
  .feature{border-left:0!important;border-bottom:1px solid var(--line)!important;padding-inline:0}
  .domain-grid{grid-template-columns:1fr}
  .domain-card{grid-template-columns:1fr}
  .domain-card>img{height:230px;order:-1}
  .domain-copy{padding:24px}
  .band-grid{grid-template-columns:1fr}
  .band-grid article{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;padding:15px 0;margin:0!important}
  .publishing-intro h2{font-size:2.7rem}
  .timeline article{grid-template-columns:52px 1fr;gap:12px}
  .journal-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:25px}
  .footer-brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* ========================================
   Books Gallery / SEO Page
   ======================================== */
.books-page{background:#fbfaf6}
.books-hero{padding:clamp(66px,8vw,110px) 0;background:#f4efe4;border-bottom:1px solid var(--line)}
.books-hero__grid{display:grid;grid-template-columns:1fr auto;gap:7vw;align-items:end}
.books-hero h1{font-size:clamp(4.2rem,9vw,8rem);line-height:.95;color:var(--green);margin:.12em 0 .25em}
.books-hero p:not(.eyebrow){max-width:700px;color:#5a635d;margin-bottom:20px}
.books-hero__number{font-size:clamp(7rem,18vw,15rem);line-height:.7;font-weight:900;color:rgba(0,79,135,.08);letter-spacing:-.08em}
.books-tools{position:sticky;top:86px;z-index:20;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line);padding:20px 0;backdrop-filter:blur(8px)}
.book-search{display:grid;grid-template-columns:auto minmax(220px,620px);align-items:center;gap:20px}
.book-search>span{font-weight:800;color:var(--green)}
.book-search input{width:100%;min-height:50px;border:1px solid #d8d0c3;background:#fff;border-radius:9px;padding:0 18px;font:500 .95rem/1.5 "Vazirmatn",Tahoma,sans-serif;color:var(--ink);outline:none}
.book-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,79,135,.08)}
.books-result-line{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:.8rem}
.books-result-line button{border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}
.books-list-section{padding:52px 0 100px}
.books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.book-card{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:318px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 9px 25px rgba(0,79,135,.035);scroll-margin-top:180px}
.book-card[hidden]{display:none}
.book-cover{padding:17px;background:#ece4d4;display:flex;align-items:stretch}
.book-cover__inner{position:relative;width:100%;min-height:250px;background:linear-gradient(145deg,#004f87,#0068a9 72%,#b1813d 72%,#a87533 76%,#004f87 76%);color:#fff;border-radius:3px 9px 9px 3px;padding:24px 16px;box-shadow:-5px 7px 15px rgba(0,79,135,.18);overflow:hidden}
.book-cover__inner:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);margin:7px;pointer-events:none}
.book-cover__inner img{width:26px;height:42px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.86;margin-bottom:20px}
.book-cover__publisher{display:block;font-size:.55rem;opacity:.65;margin-bottom:18px}
.book-cover__inner strong{display:block;font-size:.82rem;line-height:1.75;position:relative;z-index:2}
.book-cover__author{position:absolute;right:16px;left:16px;bottom:19px;font-size:.6rem;color:#ded5c3;z-index:2}
.book-card__body{position:relative;padding:24px 21px 20px}
.book-card__index{position:absolute;left:18px;top:17px;color:#c7bfaf;font-size:.74rem;font-weight:800}
.book-card h2{font-size:1.08rem;line-height:1.65;margin:0 0 10px;padding-left:28px;color:#17251f}
.book-creator{font-size:.78rem;color:#68706a;line-height:1.8;min-height:48px;margin:0 0 16px}
.book-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;border-top:1px solid #ede7dc;padding-top:14px}
.book-meta span{font-size:.72rem;font-weight:700;color:#3f4c45}
.book-meta small{display:block;font-size:.58rem;font-weight:500;color:#89908b;margin-bottom:2px}
.book-details{margin:14px 0 0;display:grid;gap:6px}
.book-details div{display:flex;justify-content:space-between;gap:14px;font-size:.7rem}
.book-details dt{color:#8a918c}.book-details dd{margin:0;color:#39463f;font-weight:700}
.book-anchor{display:inline-block;margin-top:14px;font-size:.68rem;color:var(--green);font-weight:800}
.books-empty{text-align:center;padding:80px 20px;color:var(--muted)}
.books-empty strong{font-size:1.35rem;color:var(--green)}
.publishing-books-link{display:inline-block;margin:13px 0 24px;color:var(--green);font-weight:800}
@media(max-width:1100px){
  .books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .books-hero__grid{grid-template-columns:1fr}
  .books-hero__number{display:none}
  .books-tools{top:74px}
  .book-search{grid-template-columns:1fr;gap:7px}
  .books-grid{grid-template-columns:1fr}
  .book-card{grid-template-columns:120px minmax(0,1fr);min-height:300px}
  .book-cover{padding:12px}
  .book-cover__inner{min-height:252px;padding:18px 12px}
  .book-cover__inner strong{font-size:.72rem}
  .book-cover__author{right:12px;left:12px}
  .book-card__body{padding:20px 16px}
}
@media(max-width:420px){
  .book-card{grid-template-columns:105px minmax(0,1fr)}
  .book-cover__inner{padding:16px 9px}
  .book-cover__inner strong{font-size:.66rem}
  .book-cover__publisher{font-size:.5rem}
}


/* ========================================
   Books UI V2 — visual, sort & mobile polish
   ======================================== */
.books-hero{overflow:hidden}
.books-hero__grid{grid-template-columns:minmax(0,1fr) minmax(300px,460px);align-items:center}
.books-hero__visual{position:relative;height:330px;direction:ltr}
.hero-book{position:absolute;border-radius:7px 18px 18px 7px;box-shadow:0 22px 48px rgba(28,45,37,.16)}
.hero-book--back{width:205px;height:255px;left:24px;top:46px;background:#d9c7a7;transform:rotate(-9deg)}
.hero-book--back:after{content:"";position:absolute;inset:10px;border:1px solid rgba(0,79,135,.16);border-radius:4px 13px 13px 4px}
.hero-book--front{width:205px;height:280px;left:145px;top:18px;background:linear-gradient(145deg,#004f87,#005d9f);color:#f5ead5;padding:38px 26px;text-align:center;transform:rotate(5deg);border:1px solid rgba(177,129,61,.55)}
.hero-book--front:before{content:"";position:absolute;inset:10px;border:1px solid rgba(224,190,126,.42);border-radius:3px 12px 12px 3px}
.hero-book--front img,.hero-book__seal img{object-fit:contain}
.hero-book--front img{width:58px;height:72px;display:block;margin:0 auto 26px;filter:grayscale(1) sepia(1) saturate(.8) brightness(1.75)}
.hero-book--front span{display:block;font-size:.7rem;color:#d7bf8e;margin-bottom:8px}
.hero-book--front strong{font-size:1.25rem;line-height:1.7}
.hero-book__seal{position:absolute;left:305px;top:205px;width:96px;height:96px;border-radius:50%;background:#f7f0e2;border:1px solid #caa766;display:grid;place-items:center;box-shadow:0 12px 28px rgba(33,43,38,.12)}
.hero-book__seal:before{content:"";position:absolute;inset:7px;border:1px dashed #b1813d;border-radius:50%}
.hero-book__seal img{width:40px;height:56px;position:relative;z-index:2}

.books-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:end}
.book-search{display:block}
.book-search>span,.book-sort>span{display:block;margin-bottom:8px;font-weight:800;color:var(--green);font-size:.82rem}
.book-search__field{position:relative}
.book-search__field svg{position:absolute;right:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:#78837d;stroke-width:1.7;stroke-linecap:round}
.book-search input{padding-right:48px}
.book-sort select{width:100%;min-height:50px;border:1px solid #d8d0c3;background:#fff;border-radius:9px;padding:0 14px;font:600 .86rem/1.5 "Vazirmatn",Tahoma,sans-serif;color:var(--ink);outline:none;cursor:pointer}
.book-sort select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,79,135,.08)}

.book-cover__inner{display:flex;flex-direction:column;align-items:flex-start}
.book-cover__inner img{
  width:52px;height:58px;padding:8px;
  background:#f2e6cf;border:1px solid rgba(211,175,106,.7);
  border-radius:50%;
  object-fit:contain;
  filter:none;
  box-shadow:0 5px 12px rgba(0,0,0,.12);
  margin-bottom:15px;
}
.book-cover__publisher{color:#d8c7a7;opacity:1}
.book-cover__inner strong{font-size:.78rem}
.book-cover__author{color:#eadfc9}

@media(max-width:900px){
  .books-hero__grid{grid-template-columns:1fr 280px;gap:20px}
  .books-hero__visual{height:260px;transform:scale(.82);transform-origin:center}
  .books-toolbar{grid-template-columns:minmax(0,1fr) 210px}
}
@media(max-width:720px){
  .books-hero{padding:42px 0 36px}
  .books-hero__grid{grid-template-columns:1fr;gap:22px}
  .books-hero h1{font-size:3.5rem}
  .books-hero__visual{height:205px;width:270px;margin:0 auto;transform:scale(.68);transform-origin:top center}
  .books-tools{position:relative;top:auto;padding:16px 0}
  .books-toolbar{grid-template-columns:1fr;gap:12px}
  .book-search>span,.book-sort>span{font-size:.76rem;margin-bottom:6px}
  .book-search input,.book-sort select{min-height:48px}
  .books-list-section{padding-top:24px}
  .books-grid{gap:16px}
  .book-card{grid-template-columns:112px minmax(0,1fr);min-height:280px;border-radius:12px}
  .book-cover{padding:10px}
  .book-cover__inner{min-height:250px;padding:16px 10px}
  .book-cover__inner img{width:44px;height:50px;padding:7px}
  .book-cover__inner strong{font-size:.65rem;line-height:1.65}
  .book-cover__author{font-size:.52rem}
  .book-card h2{font-size:.96rem;padding-left:20px}
  .book-card__body{padding:17px 14px}
  .book-creator{font-size:.7rem;min-height:auto;margin-bottom:12px}
  .book-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .books-hero h1{font-size:3rem}
  .book-card{grid-template-columns:96px minmax(0,1fr)}
  .book-cover{padding:8px}
  .book-cover__inner{padding:13px 8px}
  .book-cover__inner img{width:39px;height:45px}
  .book-cover__publisher{font-size:.44rem}
  .book-cover__inner strong{font-size:.59rem}
  .book-card__body{padding:15px 12px}
  .book-meta{grid-template-columns:1fr}
  .book-details div{font-size:.64rem}
}


/* Reserved future book assets */
.book-cover-placeholder{
background:linear-gradient(135deg,#004f87,#0077b6);
color:#fff;border-radius:16px;min-height:420px;
display:flex;align-items:center;justify-content:center;
}
img[loading="lazy"]{content-visibility:auto}

/* Dynamic book covers loaded from assets/js/books-data.js */
.book-cover{padding:0;background:#ece4d4;display:flex;align-items:stretch;overflow:hidden}
.book-cover__image{display:block;width:100%;height:100%;min-height:318px;object-fit:cover;object-position:100% center;background:#ece4d4}
.book-card__body{min-width:0}
@media(max-width:720px){
  .book-cover__image{min-height:252px}
}

/* Full wraparound book-cover cards: 1200x800 source image */

/* Full wraparound book-cover cards: 1200x800 source image */
.book-card{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 9px 25px rgba(0,79,135,.035);scroll-margin-top:180px}
.book-cover{padding:14px;background:#fff;display:block;overflow:hidden}
.book-cover-link{display:block;line-height:0;border-radius:9px;overflow:hidden;background:#f4f1ea}
.book-cover__image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;object-position:center;background:#f4f1ea;border-radius:9px}
.book-card__body{position:relative;min-width:0;padding:0 20px 20px}
.book-card__index{position:absolute;left:18px;top:0;color:#c7bfaf;font-size:.74rem;font-weight:800}
.book-card h2{font-size:1.08rem;line-height:1.65;margin:4px 0 10px;padding-left:28px;color:#17251f}
.book-card h2 a{color:inherit;text-decoration:none}
.book-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.book-creator{font-size:.78rem;color:#68706a;line-height:1.8;min-height:48px;margin:0 0 16px}
.book-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;border-top:1px solid #ede7dc;padding-top:14px}
.book-details{margin:14px 0 0;display:grid;gap:6px}
.book-anchor{display:inline-block;margin-top:14px;font-size:.68rem;color:var(--green);font-weight:800;text-decoration:none}
.book-anchor:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:980px){.book-cover{padding:12px}.book-card__body{padding:0 17px 18px}}
@media (max-width:640px){.book-cover{padding:10px}.book-card__body{padding:0 14px 16px}.book-card h2{font-size:.96rem}.book-creator{font-size:.7rem;min-height:auto;margin-bottom:12px}.book-meta{grid-template-columns:1fr 1fr}}

/* Books hero: editorial stack of published books */
.books-hero__visual--stack {
  margin: 0;
  width: min(100%, 800px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.books-hero__visual--stack img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 470px;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(36, 43, 38, .08));
}
@media (max-width: 900px) {
  .books-hero__visual--stack {
    width: min(100%, 680px);
    justify-self: center;
  }
  .books-hero__visual--stack img { max-height: 390px; }
}
@media (max-width: 560px) {
  .books-hero__visual--stack { width: 100%; }
  .books-hero__visual--stack img { max-height: 300px; }
}

/* لینک نسخه رایگان کتاب */
.book-free-version{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:10px;
  padding:8px 13px;
  border:1px solid rgba(0,79,135,.18);
  border-radius:8px;
  background:#f5faf7;
  color:var(--green,#004f87);
  font-size:.68rem;
  font-weight:800;
  text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.book-free-version::before{content:"↗";font-size:.8rem}
.book-free-version:hover{background:#edf6f1;border-color:rgba(0,79,135,.32);transform:translateY(-1px)}
.book-free-version:focus-visible{outline:2px solid #004f87;outline-offset:2px}


/* Book cover crop V6: use the left half of a 1200x800 wraparound image */
.book-card{
  display:flex;
  flex-direction:column;
  min-height:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(0,79,135,.055);
  scroll-margin-top:180px;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.book-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,79,135,.22);
  box-shadow:0 20px 45px rgba(0,79,135,.10);
}
.book-cover{
  padding:26px 18px 22px;
  min-height:345px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 15%,rgba(0,119,182,.075),transparent 45%),
    linear-gradient(180deg,#fbfdff,#f1f7fb);
  border-bottom:1px solid rgba(0,79,135,.08);
}
.book-cover-link{
  position:relative;
  display:block;
  width:min(72%,235px);
  aspect-ratio:3 / 4;
  line-height:0;
  perspective:1200px;
  filter:drop-shadow(0 18px 18px rgba(0,48,82,.16));
  isolation:isolate;
}
/* White paper block behind the cover. */
.book-cover-link::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:7px;
  right:-9px;
  bottom:7px;
  width:18px;
  border-radius:0 6px 6px 0;
  background:
    repeating-linear-gradient(180deg,#fff 0 2px,#e3edf3 2px 3px);
  box-shadow:5px 5px 12px rgba(0,48,82,.10);
  transform:skewY(-1deg);
}
.book-cover-link::after{
  content:"";
  position:absolute;
  z-index:-3;
  left:9%;
  right:-8%;
  bottom:-12px;
  height:16px;
  border-radius:50%;
  background:rgba(0,48,82,.18);
  filter:blur(9px);
  transform:scaleX(.94);
}
.book-cover-visual{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:4px 11px 11px 4px;
  background:#e7f1f7;
  transform-origin:left center;
  transform:rotateY(-5deg) rotateZ(-.25deg);
  box-shadow:
    inset 9px 0 15px rgba(0,34,58,.12),
    inset -1px 0 rgba(255,255,255,.35),
    0 9px 20px rgba(0,48,82,.12);
  transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease;
}
.book-cover-link:hover .book-cover-visual,
.book-cover-link:focus-visible .book-cover-visual{
  transform:translateY(-5px) rotateY(-9deg) rotateZ(-.4deg);
  box-shadow:
    inset 11px 0 18px rgba(0,34,58,.15),
    inset -1px 0 rgba(255,255,255,.4),
    0 17px 28px rgba(0,48,82,.18);
}
/*
  Source files are 1200x800: back/front/spine in one horizontal image.
  A 3:4 viewport + 200% image width displays exactly the LEFT 600x800 half.
  No source-image editing is required.
*/
.book-cover__image{
  position:absolute;
  top:0;
  left:0;
  width:200%;
  max-width:none;
  height:100%;
  display:block;
  object-fit:fill;
  object-position:left center;
  border-radius:0;
  background:#e7f1f7;
  transition:transform .45s ease,filter .3s ease;
  will-change:transform;
}
.book-cover-link:hover .book-cover__image{transform:scale(1.015)}
/* book-spine illusion */
.book-cover-visual::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0 auto 0 0;
  width:12px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,28,48,.38),rgba(255,255,255,.12) 42%,rgba(0,28,48,.08));
  mix-blend-mode:multiply;
}
/* subtle print/gloss light */
.book-cover-visual::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.19),transparent 25%,transparent 68%,rgba(255,255,255,.08));
}
.book-card__body{position:relative;min-width:0;padding:22px 22px 24px}
.book-card__index{color:var(--primary)}
.book-anchor,.book-free-version{color:var(--primary)}
.book-free-version{
  border-color:rgba(0,79,135,.18);
  background:#f3f9fd;
}
.book-free-version:hover{background:#eaf5fb;border-color:rgba(0,79,135,.35)}
.book-free-version:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

@media(max-width:980px){
  .book-cover{min-height:320px;padding:22px 16px 20px}
  .book-cover-link{width:min(68%,215px)}
}
@media(max-width:640px){
  .book-cover{min-height:300px;padding:20px 14px}
  .book-cover-link{width:min(64vw,205px)}
  .book-card__body{padding:18px 17px 20px}
}
@media(max-width:390px){
  .book-cover{min-height:275px;padding:17px 12px}
  .book-cover-link{width:min(61vw,185px)}
}
@media(prefers-reduced-motion:reduce){
  .book-card,.book-cover-visual,.book-cover__image{transition:none!important}
}

/* ========================================
   V8 — Persian book mockup, correct RTL binding
   ======================================== */

/*
  Source cover image is a 1200x800 full wrap.
  The visible front cover is the LEFT 600x800 half.
  Persian binding: SPINE = RIGHT, PAGE EDGE = LEFT.
*/
.book-cover{
  position:relative;
  display:grid;
  place-items:center;
  min-height:348px;
  padding:28px 22px 26px;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 20%,rgba(0,119,182,.07),transparent 42%),
    linear-gradient(180deg,#fbfdff,#f3f7fa) !important;
  perspective:1400px;
  isolation:isolate;
}
.book-cover::before,
.book-cover::after{
  content:none !important;
  display:none !important;
}

.book-cover-link{
  position:relative;
  display:block;
  width:min(70%,230px);
  aspect-ratio:3/4;
  line-height:0;
  perspective:1400px;
  transform-style:preserve-3d;
  isolation:isolate;
  filter:none !important;
}
.book-cover-link::before,
.book-cover-link::after{
  content:none !important;
  display:none !important;
}

/* Page block sits ONLY on the left/opening side. */
.book-page-edge{
  position:absolute;
  z-index:0;
  top:2.2%;
  bottom:2.1%;
  left:-10px;
  width:16px;
  border-radius:5px 1px 1px 5px;
  background:
    repeating-linear-gradient(
      180deg,
      #fffdf8 0px,
      #fffdf8 2px,
      #e7e0d5 2.6px,
      #f8f4ec 3.5px
    );
  box-shadow:
    -5px 7px 12px rgba(16,45,62,.10),
    inset -2px 0 2px rgba(112,95,73,.12);
  transform:perspective(850px) rotateY(16deg) translateZ(-2px);
  transform-origin:right center;
  pointer-events:none;
}

/* Front cover: crop the left half of the full spread without modifying source file. */
.book-cover-visual{
  position:absolute;
  z-index:3;
  inset:0;
  overflow:hidden;
  border-radius:7px 2px 2px 7px;
  background:#e7f1f7;
  transform-origin:right center;
  transform:
    perspective(1300px)
    rotateY(-6.5deg)
    rotateX(.7deg)
    rotateZ(-.18deg);
  box-shadow:
    -17px 23px 33px rgba(7,48,75,.18),
    -5px 8px 13px rgba(7,48,75,.11),
    inset -2px 0 2px rgba(0,20,35,.14);
  transition:transform .36s cubic-bezier(.2,.72,.2,1),box-shadow .36s ease;
  backface-visibility:hidden;
}
.book-cover__image{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:200% !important;
  max-width:none !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:left center !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
  transition:filter .32s ease,transform .32s ease !important;
}

/* Light falloff near the binding makes the front cover feel attached to the spine. */
.book-cover-visual::before{
  content:"";
  position:absolute;
  z-index:5;
  inset:0 0 0 auto;
  width:18px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,28,48,.08) 45%,rgba(0,20,36,.26));
  mix-blend-mode:multiply;
}
.book-cover-visual::after{
  content:"";
  position:absolute;
  z-index:6;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 24%,transparent 70%,rgba(255,255,255,.045));
}

/* Binding/spine: exclusively on the RIGHT for Persian books. */
.book-spine{
  position:absolute;
  z-index:5;
  top:1.1%;
  bottom:1.1%;
  right:-8px;
  width:13px;
  border-radius:1px 5px 5px 1px;
  background:
    linear-gradient(90deg,
      rgba(0,22,39,.30) 0%,
      rgba(0,79,135,.46) 25%,
      rgba(255,255,255,.13) 49%,
      rgba(0,38,67,.35) 72%,
      rgba(0,20,35,.52) 100%);
  box-shadow:
    5px 4px 9px rgba(3,36,57,.14),
    inset 1px 0 rgba(255,255,255,.15);
  transform:perspective(950px) rotateY(-23deg);
  transform-origin:left center;
  pointer-events:none;
}

/* Ground shadow beneath the object, not another fake page block. */
.book-floor-shadow{
  position:absolute;
  z-index:-2;
  left:5%;
  right:-4%;
  bottom:-14px;
  height:19px;
  border-radius:50%;
  background:rgba(0,42,70,.19);
  filter:blur(9px);
  transform:skewX(7deg) scaleX(.92);
  pointer-events:none;
}

@media (hover:hover) and (pointer:fine){
  .book-card:hover .book-cover-visual,
  .book-cover-link:hover .book-cover-visual,
  .book-cover-link:focus-visible .book-cover-visual{
    transform:
      perspective(1300px)
      rotateY(-3.2deg)
      rotateX(.25deg)
      rotateZ(-.08deg)
      translate3d(-2px,-5px,11px);
    box-shadow:
      -22px 30px 43px rgba(7,48,75,.21),
      -7px 11px 17px rgba(7,48,75,.11),
      inset -2px 0 2px rgba(0,20,35,.11);
  }
  .book-card:hover .book-cover__image{
    transform:scale(1.008) !important;
    filter:saturate(1.015) contrast(1.01) !important;
  }
}

/* Keep cards clean; physical depth belongs to the book, not the card edges. */
.book-card{
  overflow:hidden !important;
  border-radius:15px;
  background:#fff;
}

/* Mobile: subtler geometry, bigger cover relative to card. */
@media(max-width:980px){
  .book-cover{min-height:326px;padding:24px 18px 23px}
  .book-cover-link{width:min(72%,220px)}
}
@media(max-width:640px){
  .book-cover{min-height:305px;padding:21px 14px 22px}
  .book-cover-link{width:min(67vw,210px)}
  .book-cover-visual{
    transform:perspective(1100px) rotateY(-4.5deg) rotateX(.35deg);
    box-shadow:-12px 18px 27px rgba(7,48,75,.16),-4px 7px 11px rgba(7,48,75,.09);
  }
  .book-spine{right:-6px;width:10px}
  .book-page-edge{left:-7px;width:11px}
  .book-floor-shadow{bottom:-10px;height:15px}
}
@media(max-width:390px){
  .book-cover{min-height:285px;padding:18px 12px 20px}
  .book-cover-link{width:min(64vw,190px)}
}
@media(prefers-reduced-motion:reduce){
  .book-cover-visual,.book-cover__image{transition:none!important}
}


/* ========================================
   V9 — coherent blue identity & contacts
   ======================================== */
.statement{align-items:start}
.statement span{
  font-size:1.08rem!important;
  line-height:1.9!important;
  font-weight:700!important;
  color:#f6f7f8;
}
.statement p{font-size:.96rem;line-height:2}

/* Use brand blue for service numbers and lines instead of cyan */
.service-grid span,.domain-no,.timeline article>span{color:#004f87!important}
.gold-line{background:#0077b6!important}

/* Hero and publication imagery */
.hero-image img{object-position:center center}
.publishing-photo{object-fit:contain;background:#f5f0e7;padding:12px}
.journal-grid img{object-fit:cover;object-position:center}

/* Contacts */
.footer-grid--contacts{grid-template-columns:1.4fr 1fr 1.15fr}
.footer-contact-block>strong{display:block;margin-bottom:14px}
.contact-links,.social-links{display:flex;flex-wrap:wrap;gap:9px}
.contact-chip,.social-link{
  display:inline-flex;align-items:center;gap:8px;
  min-height:42px;padding:8px 11px;border-radius:9px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.contact-chip:hover,.social-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.32)}
.contact-chip svg,.social-link svg{width:20px;height:20px;fill:currentColor;flex:0 0 20px}
.social-link span,.contact-chip span{font-size:.8rem;font-weight:700}
.site-footer{background:linear-gradient(135deg,#003e6b,#004f87 58%,#006ba5)}

/* All previously green-looking blocks inherit blue identity */
.green-band{background:linear-gradient(135deg,#004f87,#006da8)}
.advertising{background:linear-gradient(145deg,#002f52,#004f87)}

@media(max-width:900px){
  .footer-grid--contacts{grid-template-columns:1fr 1fr}
  .footer-grid--contacts .footer-brand{grid-column:1/-1}
}
@media(max-width:680px){
  .footer-grid--contacts{grid-template-columns:1fr}
  .footer-grid--contacts .footer-brand{grid-column:auto}
  .contact-links,.social-links{gap:7px}
  .contact-chip,.social-link{flex:1 1 calc(50% - 7px);justify-content:center}
  .statement{grid-template-columns:1fr;gap:12px}
}


/* V10 requested refinements */
:root{--heading-navy:#20384d}

/* Major titles */
.hero h1,.about h2,.publishing-intro h2,.books-hero h1,.section-heading h2{
  font-size:2.5rem!important;color:var(--heading-navy)!important;
  line-height:1.35!important;letter-spacing:-.02em!important
}

/* Services heading: same visual weight as brand-story heading */
.services .section-heading{margin-bottom:19px!important}
.services .section-heading h2{
  font-size:clamp(1.35rem,2.2vw,1.85rem)!important;
  color:#595f63!important;font-weight:700!important;line-height:1.9!important
}
.services .left-heading{align-items:center;gap:5vw}
.services .left-heading>p{margin:0;color:#6b7074}

/* Books hero spacing */
.books-hero__grid{align-items:center!important}
.books-hero__grid>div:first-child{position:relative;z-index:3;min-width:0}
.books-hero .text-link{display:inline-flex;position:relative;z-index:4;margin-top:14px;padding:6px 0}
.books-hero__visual{position:relative;z-index:1}

/* Edition + ISBN: one bordered line */
.book-biblio-box{
  display:flex;align-items:stretch;margin:13px 0 3px;
  border:1px solid #d8e1e8;border-radius:9px;overflow:hidden;background:#f8fbfd
}
.book-biblio-box>span{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 11px}
.book-biblio-box>span+span{border-right:1px solid #d8e1e8;flex:1 1 auto}
.book-biblio-box small{color:#7a858d;font-size:.66rem;white-space:nowrap}
.book-biblio-box strong{color:#20384d;font-size:.75rem;font-weight:700;white-space:nowrap}
.book-biblio-box .book-isbn strong{direction:ltr;unicode-bidi:isolate}

/* Square/kheshti: full wrap 1640x800; left 800x800 is the front cover */
.book-cover-link--square{width:min(76%,250px);aspect-ratio:1/1}
.book-cover-link--square .book-cover__image{
  width:205%!important;height:100%!important;left:0!important;
  object-fit:fill!important;object-position:left center!important
}

@media(max-width:980px){
  .books-hero{padding-bottom:34px!important}
  .books-hero__grid{grid-template-columns:1fr!important;gap:26px!important}
  .books-hero__grid>div:first-child{padding-bottom:8px}
  .books-hero__visual--stack{margin-top:8px!important}
  .book-cover-link--square{width:min(74vw,235px)}
}
@media(max-width:640px){
  .hero h1,.about h2,.publishing-intro h2,.books-hero h1,.section-heading h2{font-size:2.15rem!important}
  .books-hero{padding-top:38px!important;padding-bottom:38px!important}
  .books-hero__grid{gap:30px!important}
  .books-hero .text-link{margin:16px 0 8px!important;min-height:38px;align-items:center}
  .books-hero__visual--stack{
    position:relative!important;width:min(100%,330px)!important;height:auto!important;
    min-height:210px;margin:0 auto!important;transform:none!important
  }
  .books-hero__visual--stack img{
    width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important
  }
  .book-cover-link--square{width:min(72vw,220px)}
  .book-biblio-box>span{padding:8px 9px}
  .book-biblio-box strong{font-size:.7rem}
}


/* ==========================================================
   V11 — refined book cards + compact header
   ========================================================== */

/* Compact brand area in desktop and mobile headers */
.brand{
  gap:10px !important;
}
.brand img{
  width:46px !important;
  height:46px !important;
  border-radius:11px !important;
}
.brand strong{
  font-size:1.08rem !important;
}
.brand small{
  font-size:.66rem !important;
  margin-top:1px !important;
}
.site-header .container{
  min-height:68px !important;
}

/* Human-designed book card: quieter, tighter and more editorial */
.book-card{
  border:1px solid #dce3e8 !important;
  border-radius:15px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 5px 18px rgba(27,52,72,.055) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
.book-card:hover{
  transform:translateY(-3px);
  border-color:#c6d5df !important;
  box-shadow:0 12px 30px rgba(27,52,72,.095) !important;
}

/* Less dead space around the artwork */
.book-cover{
  min-height:310px !important;
  padding:24px 18px 20px !important;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.96),rgba(246,249,251,.86) 56%,rgba(239,244,247,.9) 100%) !important;
  border-bottom:1px solid #e5eaee !important;
}
.book-cover-link{
  width:min(74%,238px) !important;
  filter:drop-shadow(0 11px 11px rgba(28,44,57,.14));
}
.book-cover-visual{
  border-radius:6px 2px 2px 6px !important;
  box-shadow:
    0 2px 2px rgba(0,0,0,.07),
    7px 8px 18px rgba(20,39,52,.13) !important;
}

/* Square books need their own proportions instead of inheriting portrait whitespace */
.book-cover--square{
  min-height:286px !important;
  padding:22px 18px 18px !important;
}
.book-cover-link--square{
  width:min(72%,224px) !important;
  aspect-ratio:1/1 !important;
}
.book-cover-link--square .book-cover-visual{
  border-radius:5px 2px 2px 5px !important;
}

/* A subtle physical-book edge, kept on the right for Persian books */
.book-cover-visual::after{
  content:"";
  position:absolute;
  top:3px;
  bottom:3px;
  right:-5px;
  width:5px;
  border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#d9d7cf,#f5f2e9 45%,#cbc9c1);
  box-shadow:2px 0 3px rgba(0,0,0,.08);
  opacity:.8;
}

/* Compact information hierarchy */
.book-body{
  padding:15px 20px 16px !important;
}
.book-index{
  margin-bottom:7px !important;
  font-size:.67rem !important;
}
.book-card h2{
  margin:0 0 7px !important;
  font-size:1.04rem !important;
  line-height:1.75 !important;
  color:#182c3c !important;
}
.book-credits{
  min-height:0 !important;
  margin:0 0 12px !important;
  padding-bottom:12px !important;
  font-size:.74rem !important;
  line-height:1.85 !important;
  color:#6a7379 !important;
  border-bottom:1px solid #ece8df;
}
.book-meta{
  margin:0 !important;
  padding:0 !important;
  gap:8px 16px !important;
}
.book-meta span{
  line-height:1.55 !important;
}
.book-meta small{
  margin-bottom:2px !important;
  font-size:.63rem !important;
  color:#8b9297 !important;
}

/* Edition + ISBN becomes a deliberate compact metadata strip */
.book-biblio-box{
  margin:10px 0 0 !important;
  min-height:38px;
  border-color:#d5e0e7 !important;
  border-radius:8px !important;
  background:#f7fafc !important;
}
.book-biblio-box>span{
  padding:7px 10px !important;
}
.book-biblio-box small{
  font-size:.62rem !important;
}
.book-biblio-box strong{
  font-size:.7rem !important;
  color:#24445b !important;
}

/* Remove the oversized bottom breathing room */
.book-actions{
  margin-top:10px !important;
  padding-top:0 !important;
}
.book-actions a,
.book-card .book-detail-link{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  font-size:.72rem !important;
}

/* Mobile: cards feel like compact catalog entries, not tall panels */
@media(max-width:640px){
  .site-header .container{
    min-height:60px !important;
  }
  .brand img{
    width:40px !important;
    height:40px !important;
    border-radius:9px !important;
  }
  .brand strong{
    font-size:.98rem !important;
  }
  .brand small{
    display:none !important;
  }

  .book-card{
    border-radius:14px !important;
    box-shadow:0 4px 15px rgba(27,52,72,.06) !important;
  }
  .book-cover{
    min-height:274px !important;
    padding:20px 14px 17px !important;
  }
  .book-cover-link{
    width:min(70vw,215px) !important;
  }
  .book-cover--square{
    min-height:260px !important;
    padding:18px 14px 16px !important;
  }
  .book-cover-link--square{
    width:min(66vw,205px) !important;
  }
  .book-body{
    padding:13px 16px 14px !important;
  }
  .book-index{
    margin-bottom:6px !important;
  }
  .book-card h2{
    font-size:1rem !important;
    margin-bottom:5px !important;
  }
  .book-credits{
    margin-bottom:10px !important;
    padding-bottom:10px !important;
  }
  .book-biblio-box{
    margin-top:8px !important;
  }
  .book-actions{
    margin-top:8px !important;
  }
}


/* V11 Card UI refinement - applied only on original working version */

/* کارت کتاب حرفه ای تر */
.book-card{
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e4e9ed;
    box-shadow:0 8px 24px rgba(25,55,75,.08);
    transition:.25s ease;
}

.book-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 32px rgba(25,55,75,.14);
}

/* فضای تصویر کمتر و متعادل تر */
.book-cover{
    padding:18px 16px 12px !important;
    min-height:290px !important;
    background:
    radial-gradient(circle at center,#fff,#f4f7fa);
}

/* جلد خشتی */
.book-cover--square{
    min-height:270px !important;
}

.book-cover-link--square{
    aspect-ratio:1/1 !important;
    width:min(72%,230px);
}

.book-cover-link--square img{
    width:200% !important;
    height:100% !important;
    object-fit:fill !important;
    object-position:left center !important;
}

/* بخش اطلاعات */
.book-body{
    padding:14px 18px 16px !important;
}

.book-card h2{
    font-size:1.05rem;
    line-height:1.8;
    color:#20384d;
}

.book-meta{
    margin-top:8px;
}

/* اکشن پایین کارت */
.book-actions{
    margin-top:12px;
    border-top:1px solid #edf0f3;
    padding-top:10px;
}

/* موبایل */
@media(max-width:640px){
    .book-cover{
        min-height:250px !important;
    }

    .book-body{
        padding:12px 14px;
    }
}

.book-actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #edf1f3}
.book-share,.book-free-version{height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:.75rem;cursor:pointer;text-decoration:none}
.book-share{flex:1;border:1px solid #d5e2ea;background:#f5f9fb;color:#005b96}
.book-free-version{flex:1;background:#005b96;color:#fff!important;border:1px solid #005b96}
.book-share svg,.book-free-version svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.book-share.copied{background:#e7f7f2}


/* V22 Book card UI refinement */

.book-card{
    position:relative;
    border:1px solid #d8e2e9 !important;
    border-radius:18px !important;
    background:#fff;
    box-shadow:0 8px 22px rgba(20,45,70,.08) !important;
    overflow:hidden;
    transition:.25s ease;
}

.book-card:hover{
    transform:translateY(-5px);
    border-color:#8fb5d0 !important;
    box-shadow:0 16px 35px rgba(20,45,70,.15) !important;
}

.book-cover{
    border-bottom:1px solid #e8eef2;
}

.book-actions{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:15px;
    padding-top:12px;
    border-top:1px solid #e7edf1;
}

.free-preview-btn{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    border-radius:10px;
    min-height:40px;
    background:#005b96;
    color:white;
    text-decoration:none;
    transition:.2s;
}

.free-preview-btn:hover{
    background:#004f87;
}

.copy-book-link{
    width:42px;
    height:40px;
    border-radius:10px;
    border:1px solid #d6e3eb;
    background:#f6fafc;
    color:#005b96;
    cursor:pointer;
}

.book-card h2{
    color:#20384d !important;
    font-weight:800;
    margin-bottom:8px;
}

.book-meta{
    background:#f8fafc;
    border-radius:10px;
    padding:8px;
    border:1px solid #edf2f5;
}

@media(max-width:640px){
    .book-card{
        border-radius:14px !important;
    }
}

/* V23 Book Card UI - icon actions and editorial layout */
.book-card{
 border:1px solid #dce6ef!important;
 border-radius:20px!important;
 background:#fff;
 box-shadow:0 10px 28px rgba(0,60,100,.08)!important;
 overflow:hidden;
}
.book-card:hover{
 box-shadow:0 18px 38px rgba(0,60,100,.15)!important;
 transform:translateY(-4px);
}
.book-cover{
 background:linear-gradient(145deg,#fff,#f5f9fc)!important;
 border-bottom:1px solid #edf2f6;
}
.book-info-icon{
 width:22px;
 height:22px;
 color:#005b96;
 vertical-align:middle;
 margin-left:6px;
}
.book-actions{
 display:flex;
 gap:10px;
 margin-top:18px;
}
.book-action{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 height:42px;
 border-radius:12px;
 font-weight:700;
 transition:.2s;
}
.book-preview{
 background:#005b96;
 color:#fff;
 flex:1;
}
.book-share{
 background:#fff;
 border:1px solid #b9d2e5;
 color:#005b96;
 flex:1;
}
.book-action svg{
 width:20px;
 height:20px;
}


/* V25 book metadata icons */
.book-info-item{
 display:flex;
 align-items:center;
 gap:8px;
 padding:8px 10px;
 border:1px solid #e3edf4;
 background:#f8fbfd;
 border-radius:10px;
}

.book-info-item .book-icon{
 width:28px;
 height:28px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-style:normal;
 color:#005b96;
 background:#e8f3fa;
 border-radius:8px;
 font-size:14px;
}

.book-info-item small{
 color:#778899;
 font-size:.72rem;
}

.book-info-item strong{
 color:#17354b;
 font-size:.9rem;
}

.book-free-version{
 background:#005b96 !important;
 color:#fff !important;
 border-color:#005b96 !important;
 transition:.2s ease;
}

.book-free-version:hover,
.book-free-version:focus{
 background:#fff !important;
 color:#005b96 !important;
 border-color:#005b96 !important;
}

.book-free-version svg{
 stroke:currentColor;
 fill:none;
}


/* V26 inline SVG icon system */
.book-field-icon,
.book-action-icon{
    width:20px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#005b96;
    flex:none;
}

.book-action-icon svg,
.book-field-icon svg{
    width:100%;
    height:100%;
    stroke:currentColor;
    fill:none;
    stroke-width:1.8;
}

.free-preview-btn:hover,
.free-preview-btn:focus{
    background:#ffffff !important;
    color:#005b96 !important;
    border-color:#005b96 !important;
}

.free-preview-btn:hover .book-action-icon{
    color:#005b96;
}

.book-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;vertical-align:middle;}
.book-icon{display:inline-flex;align-items:center;justify-content:center;color:#005b96;}
.free-preview-btn,.book-preview-btn{color:#fff!important;background:#005b96;}
.free-preview-btn:hover,.book-preview-btn:hover{color:#005b96!important;background:#fff!important;border-color:#005b96!important;}
.free-preview-btn:hover svg,.book-preview-btn:hover svg{stroke:#005b96!important;}


/* V28 fix: square/خشتی cover full visibility */
.book-cover--square{
    min-height:0 !important;
    height:auto !important;
    padding:16px !important;
    display:flex !important;
    justify-content:center;
    align-items:center;
}

.book-cover-link--square{
    width:min(78%,240px) !important;
    aspect-ratio:1 / 1 !important;
    overflow:hidden;
}

.book-cover-link--square .book-cover-visual{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.book-cover--square .book-cover__image{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff;
}

.book-cover--square .book-spine,
.book-cover--square .book-page-edge,
.book-cover--square .book-floor-shadow{
    display:none;
}


/* V29: خشتی - نمایش فقط نیمه جلوی جلد (سمت چپ فایل پشت و رو) */
.book-cover--square .book-cover-link--square{
    aspect-ratio:1 / 1 !important;
    overflow:hidden;
}

.book-cover--square .book-cover-link--square .book-cover-visual{
    width:100%;
    height:100%;
    overflow:hidden;
    align-items:flex-start;
    justify-content:flex-start;
}

.book-cover--square .book-cover__image{
    width:200% !important;
    max-width:none !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:left center !important;
    transform:none !important;
}


/* Authors & creators page */
.authors-hero{background:linear-gradient(135deg,#f7f3e9 0%,#fff 68%);border-bottom:1px solid #e8dfd0;padding:74px 0 60px;position:relative;overflow:hidden}
.authors-hero::after{content:"";position:absolute;left:-70px;top:-120px;width:390px;height:390px;border:1px solid rgba(0,79,135,.12);border-radius:45% 55% 50% 50%;transform:rotate(28deg);box-shadow:0 0 0 28px rgba(0,79,135,.025),0 0 0 58px rgba(0,79,135,.018)}
.authors-hero__inner{position:relative;z-index:1;max-width:860px}.authors-hero h1{font-size:2.5rem;color:#20384d;margin:.2em 0}.authors-hero p{max-width:760px;color:#606970;line-height:2}
.authors-tools{padding:30px 0 16px}.author-search{display:block}.author-search>span{display:block;font-weight:800;color:#004f87;margin-bottom:10px}.author-search__field{display:flex;align-items:center;border:1px solid #ccd9e2;border-radius:12px;background:#fff;max-width:760px;padding:0 14px}.author-search__field svg{width:21px;height:21px;fill:none;stroke:#657784;stroke-width:1.6}.author-search__field input{width:100%;border:0;outline:0;background:transparent;padding:14px;font:inherit;color:#20384d}.authors-result-line{display:flex;gap:16px;align-items:center;padding-top:10px;color:#6b747a}.authors-result-line button{border:0;background:transparent;color:#005b96;font:inherit;cursor:pointer}
.authors-list-section{padding:18px 0 72px}.authors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.author-card{border:1px solid #dce4e9;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}.author-card:hover{border-color:#a8c2d4;transform:translateY(-2px)}.author-card__photo{display:block;aspect-ratio:4/3;background:#f3f7f9;overflow:hidden}.author-card__img{width:100%;height:100%;object-fit:cover;object-position:center}.author-card__body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.author-card h2{font-size:1.18rem;margin:0;color:#20384d}.author-card h2 a{color:inherit;text-decoration:none}.author-card p{margin:0;color:#657078;line-height:1.95;font-size:.86rem}.author-card__books{margin-top:auto;padding-top:12px;border-top:1px solid #edf0f2}.author-card__books strong{font-size:.78rem;color:#004f87}.author-mini-covers{display:flex;gap:7px;margin-top:9px}.author-mini-covers a{width:44px;height:58px;overflow:hidden;border-radius:4px;border:1px solid #dfe5e9}.author-mini-covers img{width:100%;height:100%;object-fit:cover}.author-no-books{display:block;font-size:.72rem;color:#8a9297;line-height:1.8;margin-top:7px}.author-card__link{margin-top:8px;color:#005b96;text-decoration:none;font-size:.82rem;font-weight:800}.authors-empty{padding:40px;text-align:center;color:#67737b}
.author-profile-section{padding:42px 0 80px}.author-back{display:inline-block;margin-bottom:22px;color:#005b96;text-decoration:none}.author-profile{border:1px solid #dce4e9;border-radius:18px;background:#fff;padding:28px}.author-profile__top{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}.author-profile__photo{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#f3f7f9;border:1px solid #dfe6eb}.author-profile__img{width:100%;height:100%;object-fit:cover}.author-profile__intro h1{font-size:2.5rem;color:#20384d;margin:.2em 0}.author-profile__intro p{line-height:2.05;color:#5e6b73}.author-profile__works{margin-top:34px;border-top:1px solid #e8ecef;padding-top:26px}.author-profile__works h2{font-size:1.55rem;color:#20384d}.author-books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.author-book{border:1px solid #e1e7eb;border-radius:12px;overflow:hidden}.author-book>a{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:12px;text-decoration:none;color:inherit}.author-book img{width:90px;height:120px;object-fit:cover;border-radius:6px}.author-book h3{margin:4px 0 6px;font-size:.95rem;color:#20384d}.author-book p{font-size:.72rem;color:#6e777d;line-height:1.7}.author-book span{font-size:.74rem;color:#005b96;font-weight:800}.author-no-related{color:#68747b}
.book-creator a.author-inline-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,91,150,.35);text-underline-offset:3px}.book-creator a.author-inline-link:hover{color:#005b96}
@media(max-width:1020px){.authors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author-profile__top{grid-template-columns:220px 1fr}.mobile-menu.open{display:block}}
@media(max-width:680px){.authors-hero{padding:48px 0 38px}.authors-hero h1,.author-profile__intro h1{font-size:2rem}.authors-grid{grid-template-columns:1fr}.author-card{display:grid;grid-template-columns:118px 1fr}.author-card__photo{aspect-ratio:1/1;height:100%}.author-card__body{padding:14px}.author-card p{font-size:.8rem}.author-mini-covers{display:none}.author-profile{padding:18px}.author-profile__top{grid-template-columns:1fr}.author-profile__photo{width:min(72vw,260px);margin:auto}.author-books-grid{grid-template-columns:1fr}.author-book>a{grid-template-columns:76px 1fr}.author-book img{width:76px;height:100px}}


/* 2026-08-31: hamburger menu must open on tablet breakpoint too */
@media(max-width:1020px){
  .mobile-menu.open{display:block}
}


/* ============================================================
   Authors V2 — profile, related book covers, responsive cards
   ============================================================ */
.footer-grid--pages{
  grid-template-columns:1.15fr .8fr 1fr .8fr;
}
.footer-quick-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.footer-quick-links .contact-chip{
  justify-content:center;
}

/* Always make the profile image visually present */
.author-profile__photo{
  display:block!important;
  width:100%;
  min-width:0;
  aspect-ratio:1/1;
  background:#f7f3e9;
}
.author-profile__img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Related books: same concept as the main books page:
   full wrap source -> display LEFT half only */
.author-book>a{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:14px;
}
.author-book-cover{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border:1px solid #e0e6ea;
  border-radius:8px;
  background:#f4f6f7;
  line-height:0;
}
.author-book-cover--portrait{
  aspect-ratio:3/4;
}
.author-book-cover--square{
  aspect-ratio:1/1;
}
.author-book-cover__visual{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.author-book-cover__visual img{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:200%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:left center!important;
}
.author-book__body{
  min-width:0;
}
.author-book h3{
  font-size:1rem;
  margin:0 0 7px;
}
.author-book p{
  margin:0 0 9px;
}
.author-works-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.author-works-heading h2{
  margin:0;
}
.author-works-heading a{
  color:#005b96;
  font-size:.8rem;
  font-weight:800;
  text-decoration:none;
}

/* Mini book covers in author list also show the front half */
.author-mini-covers a{
  width:48px;
  height:auto;
  aspect-ratio:3/4;
  overflow:visible;
  border:0;
}
.author-mini-covers .author-book-cover{
  width:100%;
  height:100%;
}
.author-mini-covers .author-book-cover--square{
  aspect-ratio:1/1;
}

/* Tablet */
@media(max-width:1020px){
  .footer-grid--pages{
    grid-template-columns:1fr 1fr;
  }
  .author-profile{
    padding:22px;
  }
  .author-profile__top{
    grid-template-columns:210px minmax(0,1fr);
    gap:24px;
    align-items:start;
  }
  .author-books-grid{
    grid-template-columns:1fr;
  }
}

/* Mobile */
@media(max-width:680px){
  .footer-grid--pages{
    grid-template-columns:1fr;
  }
  .footer-quick-links{
    grid-template-columns:1fr 1fr;
  }
  .author-profile-section{
    padding:24px 0 48px;
  }
  .author-profile{
    padding:14px;
    border-radius:14px;
  }
  .author-profile__top{
    grid-template-columns:1fr;
    gap:18px;
  }
  .author-profile__photo{
    width:min(68vw,220px)!important;
    margin:0 auto!important;
    border-radius:16px;
  }
  .author-profile__intro{
    text-align:right;
  }
  .author-profile__intro h1{
    font-size:1.75rem!important;
    margin:.15em 0 .4em;
  }
  .author-profile__intro p{
    font-size:.86rem;
    line-height:2;
  }
  .author-profile__works{
    margin-top:24px;
    padding-top:20px;
  }
  .author-works-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .author-books-grid{
    grid-template-columns:1fr;
  }
  .author-book>a{
    grid-template-columns:88px minmax(0,1fr);
    gap:12px;
    padding:10px;
  }
  .author-book h3{
    font-size:.88rem;
    line-height:1.7;
  }
  .author-book p{
    font-size:.66rem;
  }

  /* Author list cards: image no longer consumes half the card */
  .author-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:stretch;
  }
  .author-card__photo{
    min-height:100%;
    aspect-ratio:auto!important;
  }
  .author-card__img{
    object-fit:cover;
  }
  .author-card__body{
    padding:13px!important;
    gap:7px!important;
  }
  .author-card h2{
    font-size:1rem!important;
  }
  .author-card p{
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:.76rem!important;
  }
}

/* Very narrow phones */
@media(max-width:420px){
  .author-card{
    grid-template-columns:80px minmax(0,1fr)!important;
  }
  .author-book>a{
    grid-template-columns:78px minmax(0,1fr);
  }
  .footer-quick-links{
    grid-template-columns:1fr;
  }
}

/* Order page */
.order-page{background:#fbfaf7}.order-hero{padding:72px 0 54px;background:linear-gradient(90deg,#f7f2e8,#fbfaf7 62%,#fff);border-bottom:1px solid #e8dfcf;overflow:hidden}.order-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:60px;align-items:center}.order-hero__content h1{margin:.2em 0 .35em;font-size:clamp(2.3rem,5vw,4rem);color:#18344a}.order-lead{font-size:1.15rem;color:#8a5b1b;font-weight:800}.order-hero__content>p:not(.eyebrow):not(.order-lead){color:#59656d;line-height:2.05}.order-note{margin-top:22px;display:flex;gap:11px;padding:14px 16px;border:1px solid #d9e5ec;background:#f5f9fb;border-radius:12px;color:#38566a;font-size:.83rem;line-height:1.9}.order-note svg{width:22px;height:22px;flex:none;fill:none;stroke:#005b96;stroke-width:1.8}.order-hero__ornament{width:min(100%,360px);aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle,transparent 0 29%,rgba(0,91,150,.08) 30% 31%,transparent 32% 41%,rgba(0,91,150,.1) 42% 43%,transparent 44%),repeating-conic-gradient(from 22deg,rgba(0,91,150,.13) 0 3deg,transparent 3deg 18deg)}
.order-process-section{padding:64px 0 76px}.order-flow{list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.order-flow li{position:relative;background:#fff;border:1px solid #dfe7ec;border-radius:16px;padding:24px 20px 20px;min-height:205px}.order-flow__num{position:absolute;top:14px;left:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf5fa;color:#005b96;font-size:.72rem;font-weight:900}.order-flow__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#f1f6f9;color:#005b96}.order-flow__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.order-flow h3{margin:15px 0 8px;color:#20384d}.order-flow p{margin:0;color:#6d777e;line-height:1.9;font-size:.8rem}.order-flow__result{grid-column:span 3;min-height:auto!important}.order-result-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.order-result-branches>div{padding:13px 15px;border:1px solid #e1e7eb;background:#f8fafb;border-radius:10px}.order-result-branches strong,.order-result-branches span{display:block}.order-result-branches span{margin-top:5px;font-size:.74rem;color:#66737b}
.order-request-section{padding:70px 0;background:#f3f6f8;border-top:1px solid #e5eaed}.order-request-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.order-request-copy h2{margin:.2em 0 .45em;color:#20384d;font-size:2rem}.order-request-copy>p{color:#67737b;line-height:2}.order-request-example{margin-top:24px;padding:17px;border-right:3px solid #b1813d;background:#fff;border-radius:10px 0 0 10px}.order-request-example p{margin:8px 0 0;font-size:.8rem;line-height:2;color:#66737b}.order-form{background:#fff;border:1px solid #dce5eb;border-radius:18px;padding:24px}.order-field{margin-bottom:18px}.order-field label,.order-version-options legend{display:block;margin-bottom:7px;color:#263e50;font-weight:800;font-size:.82rem}.order-field select,.order-field textarea{width:100%;border:1px solid #ccd9e1;background:#fff;color:#263e50;font:inherit;border-radius:10px;padding:11px 13px;outline:none}.order-field select:focus,.order-field textarea:focus{border-color:#0077b6;box-shadow:0 0 0 3px rgba(0,119,182,.08)}.order-version-options{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-version-options legend{grid-column:1/-1}.order-version-options label{cursor:pointer}.order-version-options input{position:absolute;opacity:0}.order-version-options span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px;border:1px solid #d9e3e9;border-radius:11px}.order-version-options svg{grid-row:1/3;width:28px;height:28px;fill:none;stroke:#005b96;stroke-width:1.7}.order-version-options b{color:#20384d;font-size:.82rem}.order-version-options small{color:#7b868d;font-size:.68rem}.order-version-options input:checked+span{border-color:#0077b6;background:#f1f8fc;box-shadow:inset 0 0 0 1px #0077b6}.order-message-preview{margin-top:18px;padding:14px;border:1px solid #dbe5eb;border-radius:11px;background:#f8fafb}.order-message-preview__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-message-preview__head button{border:0;background:transparent;color:#005b96;display:flex;align-items:center;gap:5px;font-family:inherit;cursor:pointer}.order-message-preview__head svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.order-message-preview p{margin:11px 0 0;white-space:pre-line;line-height:1.95;color:#5d6970;font-size:.78rem}.order-form-actions{display:flex;gap:10px;margin-top:16px}.order-form-actions a{min-height:44px;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.8rem}.order-form-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.order-sms-button{background:#005b96;color:#fff}.order-sms-button:hover{background:#004f87;color:#fff}.order-whatsapp-button{border:1px solid #0077b6;color:#005b96;background:#fff}.order-whatsapp-button:hover{background:#f0f7fb;color:#004f87}.order-form-help{margin:12px 0 0;color:#879199;font-size:.68rem;line-height:1.8}
@media(max-width:1020px){.order-hero__grid{grid-template-columns:1fr .45fr;gap:30px}.order-flow{grid-template-columns:1fr 1fr}.order-flow__result{grid-column:span 2}.order-request-grid{grid-template-columns:1fr}.mobile-menu.open{display:block}}
@media(max-width:680px){.order-hero{padding:42px 0 34px}.order-hero__grid{grid-template-columns:1fr}.order-hero__ornament{display:none}.order-hero__content h1{font-size:2.25rem}.order-process-section{padding:46px 0 52px}.order-flow{grid-template-columns:1fr;gap:12px}.order-flow li,.order-flow__result{grid-column:auto;min-height:auto;padding:18px 16px 16px}.order-result-branches{grid-template-columns:1fr}.order-request-section{padding:42px 0}.order-request-copy{display:none}.order-form{padding:16px;border-radius:14px}.order-version-options{grid-template-columns:1fr}.order-form-actions{flex-direction:column}}
@media(min-width:681px){.order-sms-button{display:none}}
.book-order-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 12px;border-radius:9px;border:1px solid #b1813d;color:#7e5c27;background:#fffaf1;text-decoration:none;font-size:.72rem;font-weight:800}.book-order-link:hover{background:#f7eddc;color:#6f4d1e}

/* ORDER V2 UX */
html{scroll-behavior:smooth}
#order-form{scroll-margin-top:88px}
.order-request-section{padding:42px 0!important}
.order-request-grid{max-width:1200px;margin:auto;grid-template-columns:minmax(240px,.5fr) minmax(0,1.5fr)!important;gap:22px!important}
.order-form{padding:18px!important;border-radius:14px!important}
.order-request-copy{padding-top:4px}
.order-version-options span{min-height:72px}
.order-form-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
.order-form-actions a{min-width:0!important;width:100%!important;white-space:normal!important}
.order-whatsapp-button svg{fill:none!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.order-page .footer-grid--pages{grid-template-columns:1.15fr .85fr 1fr;gap:24px}
.order-page .contact-links{display:flex;flex-wrap:wrap;gap:8px}
.order-page .contact-chip{min-width:0}
.home-order-cta{padding:36px 0;background:#f3f6f8;border-top:1px solid #e0e7eb}
.home-order-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:#fff;border:1px solid #d9e3e9;border-radius:14px}
.home-order-cta h2{margin:.15em 0 .25em;color:#20384d}
.home-order-cta p{margin:0;color:#68757d}
.home-order-cta__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:9px;background:#005b96;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.book-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.book-actions>a,.book-actions>button{width:100%!important;min-width:0!important;margin:0!important;white-space:normal!important}

@media(min-width:821px){
  .order-form{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-items:start}
  .order-version-options,#bookOrderForm>.order-field:has(textarea),.order-message-preview,.order-form-actions,.order-form-help{grid-column:1/-1}
}
@media(max-width:1020px){
  .order-request-grid{grid-template-columns:1fr!important}
  .order-page .footer-grid--pages{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  #order-form{scroll-margin-top:70px}
  .order-process-section{padding:30px 0 36px!important}
  .order-process-section .section-heading{text-align:right!important}
  .order-process-section .section-heading h2{font-size:1.75rem!important;line-height:1.55!important}
  .order-flow{margin-top:22px!important}
  .order-flow li{padding:15px 13px 13px!important;min-height:auto!important;border-radius:12px!important}
  .order-request-section{padding:24px 0 30px!important}
  .order-request-copy{display:none!important}
  .order-form{padding:13px!important;border-radius:12px!important}
  .order-version-options{grid-template-columns:1fr!important;gap:8px!important}
  .order-version-options span{min-height:62px;padding:10px!important}
  .order-message-preview{padding:11px!important}
  .order-form-actions{grid-template-columns:1fr!important}
  .order-form-actions a{min-height:44px!important}
  .order-page .footer-grid--pages{grid-template-columns:1fr!important}
  .order-page .contact-links{display:grid;grid-template-columns:1fr}
  .book-actions{grid-template-columns:1fr 1fr!important}
  .book-actions .book-order-link{grid-column:1/-1}
  .home-order-cta{padding:24px 0}
  .home-order-cta__inner{flex-direction:column;align-items:stretch;padding:17px}
  .home-order-cta__button{width:100%}
}
@media(max-width:420px){
  .book-actions{grid-template-columns:1fr!important}
  .book-actions .book-order-link{grid-column:auto}
}


/* ===== V3: book actions + unified footer ===== */
.book-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.book-actions > a,
.book-actions > button{
  flex:1 1 145px!important;
  width:auto!important;
  min-width:0!important;
  min-height:42px;
  padding:8px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  line-height:1.35!important;
}
.book-actions .free-preview-button,
.book-actions .book-preview-link,
.book-actions [class*="preview"]{
  white-space:nowrap!important;
}
.book-actions svg{
  flex:0 0 auto;
}

@media(max-width:680px){
  .book-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .book-actions > a,
  .book-actions > button{
    width:100%!important;
    min-width:0!important;
    padding:9px 7px!important;
    font-size:.78rem!important;
  }
  .book-actions .book-order-link{
    grid-column:1/-1!important;
  }
}
@media(max-width:390px){
  .book-actions{
    grid-template-columns:1fr!important;
  }
  .book-actions .book-order-link{
    grid-column:auto!important;
  }
}

/* Exact same footer structure/spacing on order page */
.order-page .site-footer{
  margin-top:0!important;
}
.order-page .footer-grid{
  grid-template-columns:1.05fr .9fr .9fr 1fr!important;
  gap:34px!important;
  align-items:start!important;
}
.order-page .footer-brand{
  grid-column:auto!important;
}
.order-page .footer-contact-block{
  min-width:0;
}
.order-page .footer-social-block{
  min-width:0;
}
.order-page .contact-links,
.order-page .footer-quick-links,
.order-page .footer-social-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
.order-page .copyright{
  margin-top:28px;
}

@media(max-width:900px){
  .order-page .footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:560px){
  .order-page .footer-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
}


/* ==========================================================
   V4 — Order flow + book-card actions responsive refinement
   ========================================================== */

/* ---------- Order hero/heading spacing ---------- */
@media(max-width:680px){
  .order-hero{
    padding:34px 0 28px!important;
  }
  .order-hero__content{
    padding-inline:2px;
  }
  .order-hero__content h1{
    font-size:2rem!important;
    line-height:1.45!important;
  }
  .order-lead{
    font-size:.96rem!important;
    line-height:1.9!important;
  }
  .order-note{
    padding:12px 13px!important;
    font-size:.76rem!important;
  }

  .order-process-section{
    padding:34px 0 40px!important;
  }
  .order-process-section .section-heading{
    text-align:center!important;
    max-width:100%!important;
    padding-inline:8px;
  }
  .order-process-section .section-heading .eyebrow{
    margin-bottom:7px;
  }
  .order-process-section .section-heading h2{
    font-size:1.65rem!important;
    line-height:1.65!important;
    margin:.15em 0 .45em!important;
  }
  .order-process-section .section-heading>p:last-child{
    font-size:.82rem!important;
    line-height:1.95!important;
    max-width:310px!important;
  }
}

/* ---------- Flowchart: connected vertical timeline ---------- */
@media(max-width:680px){
  .order-flow{
    position:relative;
    display:flex!important;
    flex-direction:column;
    gap:14px!important;
    margin-top:28px!important;
    padding:0!important;
  }
  .order-flow::before{
    content:"";
    position:absolute;
    top:30px;
    bottom:44px;
    right:30px;
    width:2px;
    background:linear-gradient(to bottom,#b9d6e8,#0077b6 48%,#b1813d);
    z-index:0;
  }
  .order-flow li,
  .order-flow__result{
    position:relative;
    z-index:1;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:13px;
    min-height:0!important;
    padding:16px 14px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid #dce6ec!important;
    box-shadow:none!important;
  }
  .order-flow__num{
    position:absolute!important;
    top:10px!important;
    left:10px!important;
    width:26px!important;
    height:26px!important;
  }
  .order-flow__icon{
    grid-row:1/3;
    grid-column:1;
    width:44px!important;
    height:44px!important;
    align-self:start;
    border-radius:11px!important;
    background:#edf5fa!important;
    box-shadow:0 0 0 7px #fff;
    z-index:2;
  }
  .order-flow h3{
    grid-column:2;
    margin:2px 0 6px!important;
    font-size:1rem!important;
    line-height:1.6;
  }
  .order-flow p{
    grid-column:2;
    margin:0!important;
    font-size:.76rem!important;
    line-height:1.9!important;
  }
  .order-flow__result{
    display:block!important;
    padding:16px!important;
  }
  .order-flow__result .order-flow__icon{
    float:right;
    margin-left:12px;
  }
  .order-flow__result h3{
    margin-top:2px!important;
  }
  .order-result-branches{
    clear:both;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  .order-result-branches>div{
    padding:11px 12px!important;
    border-radius:10px!important;
  }
}

/* ---------- Order form: less cramped, more full-width ---------- */
.order-request-section{
  background:#f4f7f9!important;
}
.order-request-grid{
  width:min(100%,1240px)!important;
  padding-inline:18px!important;
}
.order-form{
  box-shadow:none!important;
  border:1px solid #d7e2e9!important;
}
.order-field label,
.order-version-options legend{
  font-size:.86rem!important;
}
.order-field select,
.order-field textarea{
  min-height:46px;
}
.order-field textarea{
  resize:vertical;
}
.order-message-preview{
  background:#fbfcfd!important;
}
.order-message-preview__head button{
  min-height:34px;
  padding:5px 9px;
  border-radius:8px;
  background:#eef5f9!important;
}
.order-message-preview__head button:hover{
  background:#e2eff6!important;
}

@media(max-width:680px){
  .order-request-grid{
    padding-inline:12px!important;
  }
  .order-form{
    padding:14px!important;
    border-radius:12px!important;
  }
  .order-field,
  .order-version-options{
    margin-bottom:16px!important;
  }
  .order-field label,
  .order-version-options legend{
    margin-bottom:8px!important;
  }
  .order-field select,
  .order-field textarea{
    font-size:.86rem!important;
    padding:11px 12px!important;
  }
  .order-version-options label>span{
    min-height:72px!important;
    border-radius:11px!important;
  }
  .order-version-options b{
    font-size:.86rem!important;
  }
  .order-version-options small{
    font-size:.7rem!important;
    line-height:1.7;
  }
}

/* ---------- Book cards: calmer, better proportion ---------- */
.book-card{
  border:1px solid #d9e3e9!important;
  border-radius:15px!important;
  box-shadow:none!important;
  background:#fff!important;
  overflow:hidden!important;
}
.book-card:hover{
  transform:none!important;
  box-shadow:0 6px 16px rgba(23,53,75,.07)!important;
  border-color:#b7cddd!important;
}
.book-body{
  padding-bottom:14px!important;
}

/* ---------- Actions: stable and readable at every width ---------- */
.book-actions{
  display:grid!important;
  gap:8px!important;
  padding-top:12px!important;
  border-top:1px solid #edf1f4!important;
  align-items:stretch!important;
}

/* desktop: 3 balanced actions */
@media(min-width:1021px){
  .book-actions{
    grid-template-columns:1.15fr .9fr 1fr!important;
  }
}

/* tablet: two columns, purchase spans full row */
@media(min-width:681px) and (max-width:1020px){
  .book-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .book-actions .book-order-link{
    grid-column:1/-1!important;
  }
}

/* mobile: preview/share side by side, purchase full row */
@media(max-width:680px){
  .book-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .book-actions .book-order-link{
    grid-column:1/-1!important;
  }
}

/* very narrow: stack all */
@media(max-width:390px){
  .book-actions{
    grid-template-columns:1fr!important;
  }
  .book-actions .book-order-link{
    grid-column:auto!important;
  }
}

/* normalize every action */
.book-actions>a,
.book-actions>button{
  min-width:0!important;
  width:100%!important;
  min-height:42px!important;
  padding:8px 10px!important;
  margin:0!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  line-height:1.35!important;
  white-space:normal!important;
  font-size:.76rem!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}

/* free preview stays one line when space allows */
.book-actions .free-preview-btn,
.book-actions .free-preview-button,
.book-actions .book-preview-btn,
.book-actions .book-preview-link,
.book-actions [class*="preview"]{
  background:#005b96!important;
  color:#fff!important;
  border:1px solid #005b96!important;
}
.book-actions .free-preview-btn:hover,
.book-actions .free-preview-button:hover,
.book-actions .book-preview-btn:hover,
.book-actions .book-preview-link:hover,
.book-actions [class*="preview"]:hover{
  background:#004f87!important;
  color:#fff!important;
  border-color:#004f87!important;
}
.book-actions .free-preview-btn span,
.book-actions .free-preview-button span,
.book-actions .book-preview-btn span,
.book-actions .book-preview-link span{
  white-space:nowrap!important;
}

/* copy/share */
.book-actions .copy-book-link,
.book-actions .book-share-btn,
.book-actions [class*="share"]{
  background:#fff!important;
  color:#005b96!important;
  border:1px solid #bfd3df!important;
}
.book-actions .copy-book-link:hover,
.book-actions .book-share-btn:hover,
.book-actions [class*="share"]:hover{
  background:#f3f8fb!important;
  color:#004f87!important;
}

/* purchase */
.book-order-link{
  background:#fffaf3!important;
  color:#8a5b1b!important;
  border:1px solid #c89c61!important;
}
.book-order-link:hover{
  background:#f8ecdb!important;
  color:#704614!important;
}

/* action icons */
.book-actions svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 auto!important;
}

/* footer quick access consistency */
.footer-quick-links .contact-chip[href="order.html"]{
  display:inline-flex!important;
}


/* ==========================================================
   V5 — Order mobile density, selected book preview, footer social
   ========================================================== */

/* Shared footer WhatsApp icon */
.site-footer .social-link[href*="wa.me"] svg{
  width:20px;
  height:20px;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Selected book picker */
.order-book-picker{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
}
.order-book-preview{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:9px 10px;
  border:1px solid #d6e2e9;
  background:#f8fafb;
  border-radius:10px;
}
.order-book-preview[hidden]{display:none!important}
.order-book-preview__cover{
  position:relative;
  display:block;
  width:58px;
  overflow:hidden;
  border-radius:6px;
  background:#eef2f4;
  border:1px solid #dbe3e8;
  line-height:0;
}
.order-book-preview[data-cover-type="portrait"] .order-book-preview__cover{
  aspect-ratio:3/4;
}
.order-book-preview[data-cover-type="square"] .order-book-preview__cover{
  aspect-ratio:1/1;
}
.order-book-preview__visual{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.order-book-preview__visual img{
  position:absolute;
  top:0;
  left:0;
  width:200%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:left center!important;
}
.order-book-preview__text{
  min-width:0;
}
.order-book-preview__text small{
  display:block;
  color:#879199;
  font-size:.65rem;
  margin-bottom:3px;
}
.order-book-preview__text strong{
  display:block;
  color:#20384d;
  font-size:.82rem;
  line-height:1.7;
}

/* Remove unnecessary blank space from form */
.order-form{
  align-content:start;
}
.order-form > *:last-child{
  margin-bottom:0!important;
}

/* Process heading, mobile: centered vertical composition */
@media(max-width:680px){
  .order-process-section .section-heading{
    display:block!important;
    text-align:center!important;
    padding:0 14px!important;
  }
  .order-process-section .section-heading .eyebrow{
    display:block!important;
    margin:0 0 7px!important;
    font-size:.72rem!important;
  }
  .order-process-section .section-heading h2{
    display:block!important;
    width:100%!important;
    margin:0 auto 10px!important;
    font-size:1.62rem!important;
    line-height:1.55!important;
    max-width:310px!important;
    color:#20384d!important;
  }
  .order-process-section .section-heading>p:last-child{
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    max-width:320px!important;
    font-size:.8rem!important;
    line-height:1.95!important;
    color:#67737b!important;
  }

  .order-request-section .container,
  .order-request-grid{
    width:100%!important;
    max-width:none!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .order-form{
    width:100%!important;
    padding:12px!important;
    border-radius:11px!important;
  }
  .order-book-picker{
    gap:8px;
  }
  .order-book-preview{
    grid-template-columns:54px minmax(0,1fr);
    gap:9px;
    padding:8px;
  }
  .order-book-preview__cover{
    width:50px;
  }
  .order-field select,
  .order-field textarea{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .order-field textarea{
    min-height:100px!important;
  }
  .order-message-preview{
    margin-top:6px!important;
  }
  .order-form-help{
    margin-bottom:0!important;
  }
}