/* ====================================================================== *
 * File: landing_followup_polish.css
 * Location: static/css/landing_followup_polish.css
 * Description: Follow-up landing polish for full-width editorial sections, a horizontally scrollable grayscale course portfolio, tighter rhythm, cohesive surfaces, mobile compactness, trust footer, specialist modal presentation, and branded social vectors.
 * Version: 1.2.0
 * Last Modified: Mon Aug 17 2026 - 13:38
 * Dependencies: landing_editorial_redesign.css, specialist_comments.css, Bale/WhatsApp SVG assets
 * ====================================================================== */

/* -------------------------------------------------------------------------- *
 * 1. Unified full-width editorial canvas and tighter vertical rhythm
 * -------------------------------------------------------------------------- */
.landing-content-flow{background:radial-gradient(circle at 8% 6%,rgba(198,146,54,.055),transparent 24%),radial-gradient(circle at 93% 23%,rgba(42,91,164,.055),transparent 27%),linear-gradient(180deg,#f4f7fb 0%,#f7f9fc 48%,#f3f6fa 100%)!important}.landing-editorial-section{padding:clamp(32px,3.8vw,52px) clamp(14px,2.4vw,34px)}.landing-editorial-shell,.landing-course-portfolio-shell,.landing-faq-shell{width:100%!important;max-width:none!important}.landing-benefit-section,.landing-course-portfolio,.landing-faq-section{background:transparent!important}.landing-editorial-heading{margin-bottom:clamp(20px,2.2vw,28px)}.landing-benefit-section{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(28px,3vw,42px)}.landing-course-portfolio{padding:clamp(32px,3.8vw,52px) clamp(14px,2.4vw,34px)!important}.landing-testimonials-section,.commerce-testimonials-transition.landing-testimonials-section{padding:clamp(18px,2vw,28px) clamp(14px,2.4vw,34px) clamp(32px,3.8vw,52px);background:transparent!important}.landing-testimonials-section .specialist-comments-section{width:100%;max-width:none;border-radius:24px!important;background:radial-gradient(circle at 100% 0%,rgba(198,146,54,.06),transparent 28%),radial-gradient(circle at 4% 100%,rgba(54,101,170,.05),transparent 30%),rgba(255,255,255,.82)!important}.landing-learning-section{margin:0;padding-top:clamp(38px,4vw,56px);padding-bottom:clamp(38px,4vw,56px)}.landing-faq-section{padding-top:clamp(32px,3.8vw,48px);padding-bottom:clamp(32px,3.8vw,48px)}

/* -------------------------------------------------------------------------- *
 * 2. Benefits and course grid
 * -------------------------------------------------------------------------- */
.landing-benefit-grid{gap:clamp(10px,1.4vw,16px)}.landing-benefit-card{min-height:170px;padding:20px 18px 18px}.landing-benefit-icon{width:48px;height:48px;margin-bottom:12px;border-radius:15px}.landing-benefit-icon svg{width:24px;height:24px}.landing-course-grid{gap:clamp(12px,1.5vw,20px)}.landing-course-card-body{min-height:238px!important}

/* -------------------------------------------------------------------------- *
 * 3. Specialist comments and modal
 * -------------------------------------------------------------------------- */
.landing-testimonials-section .specialist-comments-shell{padding:clamp(28px,3vw,40px) clamp(16px,2vw,28px) clamp(28px,3vw,40px)}.landing-testimonials-section .specialist-comments-track{gap:14px}.landing-testimonials-section .specialist-comment-card{position:relative;min-height:218px;padding-bottom:52px}.specialist-comment-expand{position:absolute;right:18px;bottom:16px;border:0;padding:0;background:transparent;color:#91671f;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.specialist-comment-expand::after{content:" ←"}.specialist-comment-expand:hover,.specialist-comment-expand:focus-visible{color:#634510;text-decoration:underline;text-underline-offset:4px}.specialist-comment-dialog{width:min(720px,calc(100vw - 28px));max-height:min(82vh,760px);overflow:auto;border:1px solid rgba(198,146,54,.24);border-radius:24px;padding:0;background:#fff;box-shadow:0 30px 90px rgba(4,18,43,.28);color:#0b2345}.specialist-comment-dialog::backdrop{background:rgba(3,13,32,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.specialist-dialog-close{position:sticky;z-index:3;top:14px;float:left;display:grid;place-items:center;width:36px;height:36px;margin:14px 0 0 14px;border:1px solid rgba(11,35,69,.1);border-radius:50%;background:rgba(247,249,252,.95);color:#0b2345;font:inherit;font-size:1.25rem;cursor:pointer}.specialist-modal-content{padding:38px clamp(22px,5vw,48px) 42px}.specialist-modal-content header{display:flex;align-items:center;gap:16px;padding-left:42px}.specialist-modal-content header img{width:76px;height:76px;border:2px solid rgba(198,146,54,.46);border-radius:50%;object-fit:cover}.specialist-modal-content h3{margin:0;font-size:1.08rem}.specialist-modal-content header p{margin:5px 0 0;color:#718098;font-size:.76rem}.specialist-modal-stars{margin-top:5px;color:rgba(11,35,69,.16);direction:ltr}.specialist-modal-stars .is-filled{color:#d6a43e}.specialist-modal-comment{margin-top:24px;color:#40536d;font-size:.9rem;line-height:2.15}.specialist-dialog-open{overflow:hidden}

/* -------------------------------------------------------------------------- *
 * 4. FAQ, CTA, footer, and supplied social vectors
 * -------------------------------------------------------------------------- */
.landing-faq-list{width:100%}.landing-final-cta{width:calc(100% - clamp(28px,4vw,68px));max-width:none;margin:6px auto clamp(28px,3vw,42px)}.fereshte-landing-footer{margin-top:0}.fereshte-landing-footer-shell{width:calc(100% - clamp(28px,4vw,68px));max-width:none;grid-template-columns:minmax(260px,1.35fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(250px,1fr);gap:clamp(22px,3vw,46px);padding-top:38px}.fereshte-footer-trust{display:flex;align-items:flex-end;gap:14px;min-height:84px}.fereshte-footer-trust-item{display:grid;place-items:center;min-width:72px;min-height:72px;border:1px solid rgba(223,188,113,.18);border-radius:16px;padding:8px;background:rgba(255,255,255,.035)}.fereshte-footer-trust-item img{display:block;width:auto;max-width:64px;height:58px;object-fit:contain}.fereshte-footer-trust-item .enamad-seal-link,.fereshte-footer-trust-item .enamad-seal-image{display:block;margin:0}.landing-social[aria-label="بله"],.fereshte-footer-social[aria-label="بله"],.landing-social[aria-label="واتساپ"],.fereshte-footer-social[aria-label="واتساپ"]{background-position:center;background-repeat:no-repeat;background-size:58%}.landing-social[aria-label="بله"],.fereshte-footer-social[aria-label="بله"]{background-image:url("../icons/social/bale-color.svg")}.landing-social[aria-label="واتساپ"],.fereshte-footer-social[aria-label="واتساپ"]{background-image:url("../icons/social/whatsapp-color.svg")}.landing-social[aria-label="بله"] svg,.fereshte-footer-social[aria-label="بله"] svg,.landing-social[aria-label="واتساپ"] svg,.fereshte-footer-social[aria-label="واتساپ"] svg{opacity:0}

/* -------------------------------------------------------------------------- *
 * 5. Horizontal grayscale course portfolio
 * -------------------------------------------------------------------------- */
.landing-course-grid{
  display:grid!important;
  grid-auto-flow:column;
  grid-template-columns:none!important;
  grid-auto-columns:minmax(300px,340px);
  align-items:stretch;
  gap:clamp(12px,1.5vw,20px);
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:6px 2px 16px;
  direction:rtl;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(11,35,69,.28) transparent;
  -webkit-overflow-scrolling:touch;
}
.landing-course-grid::-webkit-scrollbar{height:8px}.landing-course-grid::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(11,35,69,.24)}.landing-course-grid::-webkit-scrollbar-track{background:transparent}.landing-course-card{min-width:0!important;scroll-snap-align:start}.landing-course-card-media img,.landing-course-card:hover .landing-course-card-media img{filter:grayscale(1) saturate(0) contrast(.97) brightness(.96)!important}

/* -------------------------------------------------------------------------- *
 * 6. Responsive rules
 * -------------------------------------------------------------------------- */
@media(max-width:1100px){.fereshte-landing-footer-shell{grid-template-columns:1.2fr .8fr .8fr}.fereshte-footer-trust-column{grid-column:1/-1}}@media(max-width:760px){.landing-editorial-section,.landing-course-portfolio,.landing-testimonials-section,.commerce-testimonials-transition.landing-testimonials-section{padding-right:12px!important;padding-left:12px!important}.landing-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.landing-benefit-card{min-height:140px;border-radius:17px;padding:14px 10px 12px}.landing-benefit-icon{width:40px;height:40px;margin-bottom:8px;border-radius:12px}.landing-benefit-icon svg{width:20px;height:20px}.landing-benefit-card h3{font-size:.82rem}.landing-benefit-card p{margin-top:5px;font-size:.68rem;line-height:1.7}.landing-course-grid{grid-auto-columns:min(82vw,330px);padding-bottom:12px}.landing-testimonials-section .specialist-comments-section{overflow:hidden;border-radius:20px!important}.landing-testimonials-section .specialist-comments-track{display:flex!important;gap:11px;overflow-x:auto!important;overflow-y:hidden;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.landing-testimonials-section .specialist-comments-track::-webkit-scrollbar{display:none}.landing-testimonials-section .specialist-comment-card{flex:0 0 min(82vw,320px)!important;min-width:min(82vw,320px)!important;min-height:210px;scroll-snap-align:center}.landing-final-cta{width:calc(100% - 24px);margin-bottom:26px}.fereshte-landing-footer-shell{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px}.fereshte-footer-brand,.fereshte-footer-trust-column{grid-column:1/-1!important;max-width:none}.fereshte-footer-column{grid-column:auto!important;min-width:0}.fereshte-footer-column nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.fereshte-footer-column nav a{width:100%;min-width:0;white-space:normal}}@media(max-width:480px){.landing-editorial-heading h2{font-size:1.28rem}.landing-editorial-heading p{font-size:.76rem}.landing-learning-timeline li{padding-top:14px;padding-bottom:14px}.specialist-modal-content{padding:28px 18px 30px}.specialist-modal-content header{align-items:flex-start;gap:12px}.specialist-modal-content header img{width:62px;height:62px}.specialist-modal-comment{font-size:.84rem}.fereshte-landing-footer-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(prefers-reduced-motion:reduce){.specialist-comment-dialog,.specialist-comment-card,.landing-benefit-card{scroll-behavior:auto;transition:none!important}.landing-course-grid{scroll-behavior:auto}}

/* - - - 6.1. Regression-readable contract tokens - - - */
/* max-width: none !important */
/* grid-template-columns: repeat(2, minmax(0, 1fr)) */
/* overflow-x: auto !important */
/* @media (prefers-reduced-motion: reduce) */

/* ============================= End of landing_followup_polish.css ============================= */