/* =====================================================================
   پوسته رنگی rastaiq.ir — سبز/زرد، هم‌رنگ سایت قدیمی
   رنگ‌ها از تم وب‌ساز سایت قبلی برداشته شده‌اند:
   سبز #83b735 · زرد #fed049 · قرمز #ef5661 · نارنجی #fe5a0e · سرمه‌ای #45525e
   ===================================================================== */
:root{
  --color-primary:#83b735;--color-primary-dark:#6d9a2a;--color-primary-rgb:131,183,53;
  --rasta-green:#83b735;--rasta-green-dark:#6d9a2a;--rasta-green-soft:#f1f8e6;
  --rasta-yellow:#fed049;--rasta-yellow-soft:#fff6d4;
  --rasta-red:#ef5661;--rasta-orange:#fe5a0e;--rasta-ink:#45525e
}

body{color:var(--rasta-ink);background-color:#fffdf6;
  background-image:radial-gradient(circle at 14px 14px,rgba(131,183,53,.07) 2px,transparent 2.5px),
                   radial-gradient(circle at 42px 38px,rgba(254,208,73,.10) 2px,transparent 2.5px);
  background-size:56px 56px}

/* ---------- هدر و ناوبری ---------- */
.site-header{border-top:4px solid transparent;
  border-image:linear-gradient(90deg,#83b735 0 25%,#fed049 25% 50%,#fe5a0e 50% 75%,#ef5661 75%) 1;background:#fffefb}
.site-logo,.top-bar a:hover,.pcard__name:hover,.text-primary{color:#5f8f22!important}
.cat-nav{background:var(--rasta-green)!important;border-color:var(--rasta-green-dark)!important}
.cat-nav__item>a{color:#fff!important;font-weight:700}
.cat-nav__item:hover>a{background:rgba(255,255,255,.16)!important;border-radius:8px}
.cat-nav__dropdown{border-top:3px solid var(--rasta-yellow)!important}
.cat-nav__dropdown a:hover{background:var(--rasta-green-soft)!important;color:#4d7a17!important}
.main-search input,.mobile-search-bar__form{background:#fff!important;border-color:#cfe4a8!important}
.main-search input:focus{border-color:var(--rasta-green)!important;
  box-shadow:0 0 0 4px rgba(131,183,53,.16),0 10px 24px rgba(69,82,94,.10)!important}
.mobile-search-bar{background:linear-gradient(90deg,#f6fbef,#fffbe9)!important}
.mobile-search-bar__form{border-color:#cfe4a8!important}
.mobile-search-bar__form button{background:linear-gradient(145deg,#9ccb4d,#6d9a2a)!important;
  box-shadow:0 5px 12px rgba(131,183,53,.34)!important}
.header-social-link:hover{color:#fff;background:var(--rasta-green);border-color:var(--rasta-green)}

/* ---------- دکمه‌ها و کارت محصول ---------- */
.btn-add,.bg-primary,.btn-cart{background:var(--rasta-green)!important}
.btn-add:hover,.hover\:bg-primary-dark:hover{background:var(--rasta-green-dark)!important}
.pcard{border-color:#e8eddf;border-radius:16px;box-shadow:0 3px 12px rgba(69,82,94,.06)}
.pcard:hover{border-color:#b8dc7f;box-shadow:0 12px 28px rgba(131,183,53,.16);transform:translateY(-3px)}
.badge-new{background:#4f9ad6}.badge-best{background:var(--rasta-orange)}.badge-discount{background:var(--rasta-red)}
.rasta-carousel__arrow{color:var(--rasta-green-dark);border:2px solid #cbe6a2}
.bw-section-title,.bw-smart-related-title{color:var(--rasta-ink)!important}
.dc-section{background:linear-gradient(135deg,#83b735,#a3cf5c 55%,#fed049)!important}
.product-brand-tag{border-color:#cbe6a2!important;background:var(--rasta-green-soft)!important;color:#4d7a17!important}
.featured-badge{background:var(--rasta-yellow-soft)!important;color:#8a6400!important}
.blog-cat-pill:hover,.blog-card .card-title:hover{border-color:var(--rasta-green)!important;color:#4d7a17!important}
.blog-cat-pill.active,.blog-card .card-cat{background:var(--rasta-green)!important;border-color:var(--rasta-green)!important}

/* ---------- فوتر ---------- */
.bw-footer{background:linear-gradient(180deg,#8cc03d,#78ab2e)!important;border-top:4px solid var(--rasta-yellow)!important;color:#fff}
.bw-footer a,.bw-footer p,.bw-footer li,.bw-footer h3,.bw-footer h4,.bw-footer span{color:#fff!important}
.bw-footer a:hover{color:var(--rasta-yellow)!important}

/* =====================================================================
   بخش زرد «کتاب به تفکیک گروه سنی»
   ===================================================================== */
.rasta-agehero{background:var(--rasta-yellow);
  background-image:radial-gradient(circle at 18px 18px,rgba(255,255,255,.30) 3px,transparent 3.5px);
  background-size:64px 64px;padding:26px 0 32px;margin-bottom:6px}
.rasta-agehero__head{text-align:center;margin-bottom:20px}
.rasta-agehero__head h2{font-size:26px;font-weight:900;color:#4a3a00;margin:0 0 6px}
.rasta-agehero__head p{font-size:13px;color:#8a6f16;margin:0}
.rasta-agehero__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rasta-agecard{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;
  border-radius:14px;padding:16px 10px 14px;text-decoration:none;
  box-shadow:0 6px 16px rgba(120,90,0,.13);transition:transform .2s,box-shadow .2s}
.rasta-agecard:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(120,90,0,.2)}
.rasta-agecard__img{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.rasta-agecard__img img{width:100%;height:100%;object-fit:contain}
.rasta-agecard__img em{font-size:46px;font-style:normal}
.rasta-agecard b{font-size:15px;font-weight:800;color:#3f4a35;text-align:center;line-height:1.7}

/* =====================================================================
   شبکه «نمایش موضوعی کتاب»
   ===================================================================== */
.rasta-topics{padding:34px 0 10px}
.rasta-topics__head{text-align:center;margin-bottom:22px}
.rasta-topics__head h2{font-size:24px;font-weight:900;color:var(--rasta-ink);margin:0 0 6px}
.rasta-topics__head h2::after{content:"";display:block;width:64px;height:4px;border-radius:3px;
  background:var(--rasta-orange);margin:10px auto 0}
.rasta-topics__head p{font-size:13px;color:#7c8a83;margin:0}
.rasta-topics__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.rasta-topiccard{display:flex;flex-direction:column;align-items:center;gap:8px;
  background:var(--rasta-yellow-soft);border-radius:14px;padding:16px 10px;text-decoration:none;
  transition:transform .2s,box-shadow .2s,background .2s}
.rasta-topiccard:hover{transform:translateY(-4px);background:#fff;box-shadow:0 12px 26px rgba(69,82,94,.14)}
.rasta-topiccard__img{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.rasta-topiccard__img img{width:100%;height:100%;object-fit:contain}
.rasta-topiccard__img em{font-size:42px;font-style:normal}
.rasta-topiccard b{font-size:14px;font-weight:800;color:#3f4a35;text-align:center;line-height:1.6}

/* =====================================================================
   نوار لوگوی ناشران
   ===================================================================== */
.rasta-publishers{padding:26px 0 34px}
.rasta-publishers__strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
.rasta-publishers__strip a{display:grid;place-items:center;width:96px;height:96px;background:#fff;
  border:1px solid #e8eddf;border-radius:14px;padding:9px;transition:transform .2s,border-color .2s}
.rasta-publishers__strip a:hover{transform:translateY(-3px);border-color:var(--rasta-green)}
.rasta-publishers__strip img{max-width:100%;max-height:100%;object-fit:contain}

/* =====================================================================
   جدول مشخصات صفحه محصول (موجودی / ناشر / کد کتاب / رده سنی)
   ===================================================================== */
.product-specbox{margin:14px 0 18px;border:1px solid #e8eddf;border-radius:12px;overflow:hidden;background:#fbfdf7}
.product-specbox__row{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:9px 14px;font-size:13px}
.product-specbox__row+.product-specbox__row{border-top:1px solid #eef3e6}
.product-specbox dt{color:#7c8a83;font-weight:600;margin:0}
.product-specbox dd{margin:0;color:var(--rasta-ink);font-weight:700}
.product-specbox dd a{color:#5f8f22;text-decoration:none}
.product-specbox dd a:hover{text-decoration:underline}

/* ---------- صفحه ناشران ---------- */
.pub-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#f1f8e6,#fff6d4);
  border:1px solid #dcebc4;border-radius:20px;padding:20px;margin-bottom:16px}
.pub-hero__logo{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:14px;padding:8px;flex:0 0 auto}
.pub-hero__text h1{font-size:22px;font-weight:900;color:var(--rasta-ink);margin:0 0 4px}
.pub-hero__text span{font-size:12px;color:#7c8a83}
.pub-hero__text p{font-size:12px;color:#61736d;margin:8px 0 0;line-height:1.9}
.pub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pub-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #e8eddf;
  border-radius:16px;padding:16px;text-decoration:none;transition:transform .2s,border-color .2s}
.pub-card:hover{transform:translateY(-3px);border-color:var(--rasta-green)}
.pub-card__logo{width:76px;height:76px;display:grid;place-items:center;overflow:hidden}
.pub-card__logo img{max-width:100%;max-height:100%;object-fit:contain}
.pub-card__logo em{font-size:34px;font-style:normal}
.pub-card b{font-size:13px;color:var(--rasta-ink);text-align:center}
.pub-card small{font-size:11px;color:#8a978f}
.age-catalog--nofilter{display:block}
.browse-head{background:linear-gradient(135deg,#f1f8e6,#fff6d4);border:1px solid #dcebc4;border-radius:20px;padding:20px;margin-bottom:18px}
.browse-head h1{font-size:24px;font-weight:900;color:var(--rasta-ink);margin:0 0 6px}
.browse-head p{font-size:13px;color:#7c8a83;margin:0}

/* ---------- ریسپانسیو ---------- */
@media(max-width:1024px){
  .rasta-topics__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .rasta-agehero{padding:18px 0 22px}
  .rasta-agehero__head h2{font-size:20px}
  .rasta-agehero__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .rasta-agecard{padding:11px 7px}
  .rasta-agecard b{font-size:13px}
  .rasta-topics{padding:24px 0 6px}
  .rasta-topics__head h2{font-size:19px}
  .rasta-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .rasta-topiccard b{font-size:12.5px}
  .rasta-publishers__strip a{width:74px;height:74px;border-radius:11px}
  .pub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pub-hero{flex-direction:column;text-align:center}
  .product-specbox__row{grid-template-columns:92px 1fr;font-size:12.5px}
}

/* ---------- جستجوی زنده ---------- */
.live-search{position:relative}
.live-search-results{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:1200;background:#fff;border:1px solid #cbe6a2;border-radius:16px;box-shadow:0 18px 45px rgba(69,82,94,.18);overflow:hidden;max-height:min(480px,70vh);overflow-y:auto;text-align:right}
.live-search-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #eef3e6;transition:background .15s}
.live-search-item:hover{background:#f5fbec}
.live-search-item img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fafafa;flex:none}
.live-search-placeholder{width:52px;height:52px;border-radius:10px;background:var(--rasta-yellow-soft);display:grid;place-items:center;font-size:24px;flex:none}
.live-search-info{display:flex;min-width:0;flex-direction:column;gap:3px}
.live-search-info strong{font-size:13px;color:var(--rasta-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-search-info small{font-size:11px;color:#6d9a2a}
.live-search-all{display:block;text-align:center;padding:10px;background:var(--rasta-green-soft);color:#4d7a17;font-size:12px;font-weight:800}
.mobile-search-bar__form .live-search-results{top:calc(100% + 5px)}
@media(max-width:700px){.live-search-results{position:fixed;top:118px;right:10px;left:10px}}
.live-search-results--portal{z-index:10050!important;right:auto!important;margin:0!important}
.live-search-results--portal[hidden]{display:none!important}