.exhibition-page{
  --ex-red:#c90020;
  --ex-navy:#020c1b;
  --ex-muted:#f1f2f3;
  background:#fbfbfb;
  color:var(--ex-navy);
  font-family:Urbanist,YekanBakh,Arial,sans-serif;
}

.exhibition-page .site-header{
  position:sticky;
  top:0;
  background:#fff;
  padding: 20px 0;
}


.exhibition-page .desktop-nav a.active{color:var(--ex-red)}
.exhibition-page .desktop-nav a.active::after{
  display:block;
  width:100%;
  height:2px;
  margin-top:5px;
  background:var(--ex-red);
  content:"";
}

.exhibition-page h1,
.exhibition-page h2,
.exhibition-page h3,
.exhibition-page p{padding:0}

.ex-hero{
  position:relative;
  height:486px;
  overflow:hidden;
  color:#fff;
  background:var(--ex-navy);
  cursor:grab;
  touch-action:pan-y;
}
.ex-hero:active{cursor:grabbing}
.ex-hero a,.ex-hero button{cursor:pointer}

.ex-hero-media,
.ex-hero-media img,
.ex-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.ex-hero-media img{display:block;object-fit:cover;object-position:center 48%}
.ex-hero-shade{background:linear-gradient(90deg,rgba(2,12,27,.95) 0%,rgba(2,12,27,.8) 31%,rgba(2,12,27,.12) 67%,rgba(2,12,27,.06) 100%)}
.ex-hero-copy{position:absolute;top:65px;left:0;width:510px;transition:opacity .22s ease}.ex-hero-copy.is-fading{opacity:0}
.ex-hero-copy h1{margin:0 0 7px;font-size:65px;font-weight:800;line-height:60px;letter-spacing:.2px}
.ex-hero-copy h1 span{font-size:40px;font-weight:600;letter-spacing:.5px}
.ex-hero-copy h2{margin:12px 0 27px;font-size:17px;font-weight:600;line-height:27px}
.ex-hero-copy p{width:486px;margin:0;font-size:13px;font-weight:400;line-height:25px}
.ex-hero-actions{gap:18px;margin-top:28px}
.ex-hero-actions .btn{width:160px}
.ex-hero-actions img{display:block;width:18px;height:10px}
.ex-hero-dots{position:absolute;left:50%;bottom:18px;display:none;align-items:center;gap:10px;transform:translateX(-50%)}
.ex-hero-dots button{display:block;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#fff}
.ex-hero-dots button.active{background:var(--ex-red)}

.ex-stats{position:relative;z-index:2;height:124px;margin-top:-56px;display: flex;justify-content: center}
.ex-stats-grid{
  height:124px;
  padding:0 29px;
  border-radius:18px;
  background:var(--ex-navy) url("../desktop/Frame-2147226338.png") center/cover no-repeat;
  color:#fff;
  gap:0;
}

.ex-stat{gap:1px}
.ex-stat-icon{display:grid;width:100px;height:100px;flex:0 0 100px;place-items:center}
.ex-stat-icon>img{display:block;width:100px;height:100px}
.ex-stat-manual{display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.03));box-shadow:0 7px 18px rgba(0,0,0,.27)}
.ex-stat-manual svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ex-stat strong{display:block;font-size:24px;font-weight:700;line-height:28px}
.ex-stat>div>span{display:block;font-size:12px;line-height:17px}
.mobile-stat{display:none!important}

.ex-overview{padding:70px 0 62px}
.ex-overview-grid{display:grid;grid-template-columns:588px 612px;gap:48px;align-items:center}
.ex-overview-copy .eyebrow{margin-bottom:5px;font-size:15px}
.ex-overview-copy h2{margin:0 0 22px;font-size:30px;font-weight:700;line-height:38px}
.ex-overview-copy>p:last-child{margin:0;font-size:18px;line-height:27px;letter-spacing:.8px;text-align:justify}
.ex-overview-image{display:block;width:612px;height:348px;border-radius:20px;object-fit:cover}
.ex-facts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:89px}
.ex-facts-grid article{height:166px;padding:19px 24px;border-radius:15px;background:#fff;box-shadow:0 5px 55px rgba(0,0,0,.045)}
.ex-line-icon{display:block;width:31px;height:31px;margin-bottom:4px}
.ex-line-icon svg{width:31px;height:31px;fill:none;stroke:var(--ex-red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ex-facts-grid h3{margin:0 0 4px;font-size:18px;font-weight:600;line-height:24px}
.ex-facts-grid p{margin:0;font-size:15px;font-weight:300;line-height:20px}

.ex-photo-gallery{padding:32px 0 104px}
.ex-photo-gallery .ex-heading{margin-bottom:78px}
.ex-heading{margin-bottom:34px}
.ex-heading .eyebrow{margin-bottom:4px;font-size:15px}
.ex-heading h2{font-size:25px;line-height:32px}
.ex-photo-rail{gap:24px}
.ex-photo-rail img{display:block;width:100%;height:100%;border-radius:18px;object-fit:cover}

.ex-why{height:350px;padding:52px 0 67px;background:var(--ex-navy) url("assets/desktop/Frame-2147226357.png") center/cover no-repeat;color:#fff}
.ex-why-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}
.ex-why-intro .eyebrow{margin-bottom:3px;font-size:15px}
.ex-why-intro h2{margin:0 0 17px;font-size:25px;font-weight:700;line-height:31px}
.ex-why-intro>p:last-child{width:210px;margin:0;font-size:12px;font-weight:300;line-height:18px}
.ex-benefit-rail{gap:24px}
.ex-benefit-rail article{position:relative;height:231px;padding:25px 23px;border-radius:20px;background:#fff;color:var(--ex-navy)}
.ex-benefit-rail article>img{width:43px;height:43px;margin-bottom:9px;filter:invert(12%) sepia(99%) saturate(6631%) hue-rotate(345deg) brightness(82%) contrast(104%)}
.ex-benefit-rail h3{margin:0 0 16px;font-size:18px;font-weight:600;line-height:24px}
.ex-benefit-rail p{margin:0;font-size:15px;font-weight:300;line-height:20px}
.ex-benefit-next{top:117px;right:-18px}

.ex-product-groups{padding:72px 0 105px}
.ex-product-groups .ex-heading{margin-bottom:78px}
.ex-product-grid{gap:15px 24px}
.ex-product-grid article{display:flex;height:75px;align-items:center;gap:17px;padding:10px 15px;border-radius:15px;background:#f0f1f2}
.ex-solar-icon{display:grid;width:55px;height:55px;flex:0 0 55px;place-items:center;border-radius:12px;background:var(--ex-red)}
.ex-solar-icon svg{width:42px;height:42px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ex-product-grid strong{font-size:15px;font-weight:600;line-height:22px}

.ex-join-wrap{padding-bottom:67px}
.ex-join{height:125px;padding:0 39px 0 49px;border-radius:18px;background:url("../desktop/imgFrame2147226475.png") center/cover no-repeat;color:#fff}
.ex-join h2{margin:0 0 2px;font-size:25px;font-weight:700;line-height:34px}
.ex-join p{margin:0;font-size:15px;line-height:23px}
.ex-white-button{width:160px;height:48px;gap:17px;border-radius:14px;background:#fff;color:var(--ex-navy);font-size:13.5px}
.ex-white-button img{display:block;width:18px;height:10px}
.ex-join-wrap-title{
  font-size: 26px;
}
.ex-planning{padding:40px 0 100px}
.ex-plan-heading{grid-column:1/3;grid-row:1;margin:0;align-self:start}
.ex-plan-heading .eyebrow{margin-bottom:3px;font-size:15px}
.ex-plan-heading h2{margin:0;font-size:25px;font-weight:700;line-height:32px}
.ex-planning-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,1fr);grid-template-rows:74px 347px;column-gap:24px;row-gap:36px}
.ex-floor-card,.ex-legend-card,.ex-timeline-card{border:1px solid #dedede;border-radius:20px;background:#fff}
.ex-floor-card{grid-column:1;grid-row:2;display:grid;padding:32px 44px;place-items:center}
.ex-floor-card>img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
.ex-legend-card{grid-column:2;grid-row:2;padding:27px 25px 26px;display:flex;flex-direction:column}
.ex-floor-legend{display:flex;flex-direction:column;flex:1;gap:16px}
.ex-floor-legend article{gap:13px}
.ex-floor-legend i{position:relative;display:grid;width:38px;height:38px;flex:0 0 38px;border:2px solid currentColor;border-radius:12px;color:#5698d2;place-items:center}
.ex-floor-legend i::before{width:12px;height:12px;border-radius:50% 50% 50% 0;background:currentColor;content:"";transform:rotate(-45deg)}
.ex-floor-legend i::after{position:absolute;top:14px;left:16px;width:3px;height:3px;border-radius:50%;background:#fff;content:""}
.ex-floor-legend i.green{color:#9bc22b}.ex-floor-legend i.pink{color:#e6759b}.ex-floor-legend i.gray{color:#9b9b9b}
.ex-floor-legend strong{display:block;font-size:16px;line-height:19px}
.ex-floor-legend span{display:block;font-size:10px;line-height:13px;white-space:nowrap}
.ex-download{height:46px;gap:10px;margin-top:18px;border:1px solid #e2e2e2;border-radius:12px;font-size:13px}
.ex-download svg{display:block;width:18px;height:18px;fill:none;stroke:var(--ex-red);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ex-timeline-card{padding:35px 27px;height: fit-content;}
.ex-timeline-card>.eyebrow{margin-bottom:3px;font-size:15px}
.ex-timeline-card h2{margin:0 0 28px;font-size:25px;font-weight:700;line-height:32px}
.ex-timeline-list{display:flex;flex-direction:column;gap:20px}
.ex-timeline-list article{gap:12px}
.ex-timeline-list i{display:grid;width:37px;height:37px;flex:0 0 37px;place-items:center;border:1px solid var(--ex-red);border-radius:50%;color:var(--ex-red);font-size:11px;font-style:normal}
.ex-timeline-list strong{display:block;font-size:14px;line-height:18px}
.ex-timeline-list span{display:block;font-size:9px;line-height:12px}

.ex-services{padding:0 0 53px}
.ex-service-rail{gap:24px}
.ex-service-card{    height: max-content;overflow:hidden;padding:17px 18px;border-radius:16px;background:#fff;box-shadow:0 4px 58px rgba(0,0,0,.05);transition:height .25s ease}
.ex-service-card button{height:56px;color:inherit}
.ex-service-icon{display:grid;width:47px;height:47px;flex:0 0 47px;place-items:center;margin-right:11px;border-radius:12px;background:#ffe5e9}
.ex-service-icon img{width:34px;height:34px;filter:invert(12%) sepia(99%) saturate(6631%) hue-rotate(345deg) brightness(82%) contrast(104%)}
.ex-service-card button strong{font-size:12px;font-weight:600;line-height:16px}
.ex-service-card .chevron{display:block;width:9px;height:6px;margin-left:auto;object-fit:contain;transition:transform .2s}
.ex-service-card button[aria-expanded="false"] .chevron{transform:rotate(-90deg)}
.ex-service-card ul{gap:9px;margin:16px 0 0;font-size:10px;line-height:13px}
.ex-service-card li{position:relative;padding-left:17px}
.ex-service-card li::before{position:absolute;top:4px;left:0;width:6px;height:6px;border-radius:50%;background:var(--ex-red);content:""}
.ex-service-card.is-collapsed{height:91px}
.ex-service-card.is-collapsed ul{display:none}

.ex-editions{padding:0 0 110px}
.ex-edition-rail{gap:24px}
.ex-edition-card{height:310px;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 4px 58px rgba(0,0,0,.04)}
.ex-edition-card>img{display:block;width:100%;height:170px;border-radius:17px;object-fit:cover}
.ex-edition-card>div{padding:25px 18px}
.ex-edition-card h3{margin:0 0 10px;font-size:15px;font-weight:700;line-height:21px}
.ex-edition-card p{display:flex;gap:11px;margin:0 0 17px;font-size:9px;line-height:14px;white-space:nowrap}
.ex-edition-card p span,.ex-edition-card a{display:flex;align-items:center;gap:5px}
.ex-edition-card p img{width:10px;height:10px}
.ex-edition-card a{color:var(--ex-red);font-size:12px;font-weight:600}
.ex-edition-card a img{width:18px;height:10px}

.exhibition-page .subscribe-band{margin-top:0}
.exhibition-page .site-footer{margin-top:0}
.exhibition-page .desktop-stat{
  display: flex !important;
}
@media (max-width: 991.98px){
  /* .exhibition-page .site-header{position:relative;height:70px}
  .exhibition-page .header-inner{height:70px} */
  .exhibition-page .site-header .brand{width:101px;height:32px}

  .ex-hero{height:515px}
  .ex-hero-media img{object-position:center top}
  .ex-hero-shade{background:linear-gradient(180deg,rgba(2,12,27,.72) 0%,rgba(2,12,27,.46) 47%,rgba(2,12,27,.1) 84%)}
  .ex-hero-copy{top:29px;left:24px;width:calc(100% - 48px)}
  .ex-hero-copy h1{margin-bottom:12px;font-size:38px;line-height:36px}
  .ex-hero-copy h1 span{font-size:25px;line-height:30px}
  .ex-hero-copy h2{margin:8px 0 12px;font-size:15px;line-height:22px}
  .ex-hero-copy p{width:100%;font-size:10px;line-height:17px}
  .ex-hero-actions{gap:24px;margin-top:20px}
  .ex-hero-actions .btn{width:calc(50% - 12px)}
  .ex-hero-dots{bottom:20px;display:flex;gap:9px}
  .ex-hero-dots button{width:9px;height:9px}

  .ex-stats{height:214px;margin-top:0;background:var(--ex-navy) url("assets/desktop/Frame-2147226338.png") center/cover no-repeat}
  .ex-stats-grid{height:214px;padding:13px 28px;border-radius:0;background:transparent;gap:0;flex-wrap:wrap;margin:0}
  .ex-stats-grid>.col{height:107px;padding:0}
  .ex-stat{gap:1px}
  .ex-stat-icon{width:85px;height:85px;flex-basis:85px}
  .ex-stat-icon>img{width:85px;height:85px}
  .ex-stat strong{font-size:22px;line-height:25px}
  .ex-stat>div>span{font-size:10px;line-height:14px}
  .desktop-stat{display:none!important}
  .mobile-stat{display:block!important}

  .ex-overview{padding:39px 0 13px}
  .ex-overview-grid{display:flex;flex-direction:column;gap:34px;align-items:stretch}
  .ex-overview-copy .eyebrow{font-size:12px}
  .ex-overview-copy h2{margin-bottom:19px;font-size:20px;line-height:26px}
  .ex-overview-copy>p:last-child{font-size:10px;line-height:16px;letter-spacing:normal}
  .ex-overview-image{order:2;width:100%;height:217px;border-radius:15px}
  .ex-facts-grid{grid-template-columns:repeat(3,1fr);gap:16px 12px;margin-top:10px}
  .ex-facts-grid article{height:109px;padding:12px 13px;border-radius:12px}
  .ex-line-icon,.ex-line-icon svg{width:25px;height:25px}
  .ex-facts-grid h3{font-size:12px;line-height:17px}
  .ex-facts-grid p{font-size:8.5px;line-height:11px}

  .ex-photo-gallery{padding:35px 0 31px}
  .ex-photo-gallery .container{overflow:hidden}
  .ex-heading{margin-bottom:19px}
  .ex-photo-gallery .ex-heading{margin-bottom:14px}
  .ex-heading .eyebrow{font-size:12px}
  .ex-heading h2{font-size:20px;line-height:26px}
  .ex-heading .view-link{font-size:12px}
  .ex-photo-rail{gap:15px}
  .ex-photo-rail img{border-radius:11px}

  .ex-why{height:369px;padding:31px 0 33px}
  .ex-why-layout{display:block;overflow:hidden}
  .ex-why-intro .eyebrow{font-size:12px}
  .ex-why-intro h2{margin-bottom:9px;font-size:20px;line-height:25px}
  .ex-why-intro>p:last-child{width:100%;font-size:10px;line-height:15px}
  .ex-mobile-view{position:absolute;top:0;right:24px;color:var(--ex-red);font-size:12px}
  .ex-benefit-rail{gap:14px;margin-top:17px}
  .ex-benefit-rail article{width:100%;height:189px;padding:15px 16px;border-radius:15px}
  .ex-benefit-rail article>img{width:35px;height:35px;margin-bottom:5px}
  .ex-benefit-rail h3{margin-bottom:10px;font-size:12px;line-height:17px}
  .ex-benefit-rail p{font-size:9px;line-height:13px}

  .ex-product-groups{padding:39px 0 44px}
  .ex-product-groups .ex-heading{margin-bottom:25px}
  .ex-product-grid{grid-template-columns:repeat(2,1fr);gap:14px 13px}
  .ex-product-grid article{height:55px;gap:12px;padding:8px 10px;border-radius:12px}
  .ex-solar-icon{width:37px;height:37px;flex-basis:37px;border-radius:8px}
  .ex-solar-icon svg{width:30px;height:30px}
  .ex-product-grid strong{font-size:10px;line-height:15px}

  .ex-join-wrap{padding:0}
  .ex-join-wrap .site-container{padding:0}
  .ex-join{height:151px;padding:16px 24px;border-radius:0;background-position:center;background-size:100% 100%}
  .ex-join h2{margin-bottom:3px;font-size:20px;line-height:27px}
  .ex-join p{font-size:12px;line-height:18px}
  .ex-white-button{width:100%;height:50px;margin-top:12px;border-radius:13px;font-size:15px}

  .ex-planning{padding:39px 0 42px}
  .ex-plan-heading{margin-bottom:4px}
  .ex-plan-heading .eyebrow{font-size:12px}
  .ex-plan-heading h2{font-size:20px;line-height:26px}
  .ex-planning-grid{display:flex;flex-direction:column;gap:15px}
  .ex-floor-card,.ex-legend-card,.ex-timeline-card{border-radius:15px}
  .ex-floor-card{padding:15px 14px 12px}
  .ex-floor-card>img{width:100%;height:auto;aspect-ratio:1.5/1}
  .ex-legend-card{padding:15px 14px 12px}
  .ex-floor-legend{gap:12px}
  .ex-floor-legend i{width:24px;height:24px;flex-basis:24px;border-radius:50%}
  .ex-floor-legend i::before{width:8px;height:8px}
  .ex-floor-legend i::after{top:9px;left:10px;width:2px;height:2px}
  .ex-floor-legend strong{font-size:10px;line-height:14px}
  .ex-floor-legend span{font-size:7.5px;line-height:10px}
  .ex-download{height:28px;margin-top:12px;font-size:9px}
  .ex-timeline-card{padding:17px 14px 20px}
  .ex-timeline-card>.eyebrow{font-size:12px}
  .ex-timeline-card h2{margin-bottom:17px;font-size:20px;line-height:26px}
  .ex-timeline-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:15px 12px}
  .ex-timeline-list i{width:25px;height:25px;flex-basis:25px;font-size:8px}
  .ex-timeline-list article{gap:7px}
  .ex-timeline-list strong{font-size:10px;line-height:13px}
  .ex-timeline-list span{font-size:7.5px;line-height:9px}

  .ex-services{padding:0 0 39px}
  .ex-services .container,.ex-editions .container{overflow:hidden}
  .ex-service-rail{gap:14px}
  .ex-service-card{width:190px;height:221px;padding:13px 14px;border-radius:13px}
  .ex-service-card button{height:46px}
  .ex-service-icon{width:38px;height:38px;flex-basis:38px;margin-right:8px;border-radius:9px}
  .ex-service-icon img{width:27px;height:27px}
  .ex-service-card button strong{font-size:10px;line-height:13px}
  .ex-service-card ul{gap:7px;margin-top:13px;font-size:8px;line-height:11px}
  .ex-service-card li{padding-left:13px}
  .ex-service-card li::before{width:5px;height:5px}
  .ex-service-card.is-collapsed{height:72px}

  .ex-editions{padding:0 0 58px}
  .ex-edition-rail{gap:15px}
  .ex-edition-card{width:224px;height:260px;border-radius:15px}
  .ex-edition-card>img{height:132px;border-radius:15px}
  .ex-edition-card>div{padding:12px 17px}
  .ex-edition-card h3{margin-bottom:8px;font-size:12px;line-height:17px}
  .ex-edition-card p{gap:8px;margin-bottom:12px;font-size:8px;line-height:12px}
  .ex-edition-card a{font-size:10px}

  .exhibition-page .subscribe-band{height:187px}
  .exhibition-page .site-footer{margin-top:0}
}

@media (max-width: 430px){
  .ex-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,160px));grid-template-rows:repeat(2,107px);justify-content:space-between;padding:0 clamp(12px,3.9535vw,17px)}
}

/* Fix: Bootstrap row-cols % widths + CSS gap = overflow. Adjust col widths with calc(). */
@media (min-width:992px){
  .ex-stats-grid>.ex-stat:nth-child(1){transform:translateX(-78px)}
  .ex-stats-grid>.ex-stat:nth-child(2){transform:translateX(-40px)}
  .ex-stats-grid>.ex-stat:nth-child(3){transform:translateX(9px)}
  .ex-stats-grid>.ex-stat:nth-child(4){transform:translateX(44px)}
  .ex-photo-rail>.col{flex:0 0 auto;width:calc(33.333% - 16px)}
  .ex-benefit-rail>.col,.ex-service-rail>.col,.ex-edition-rail>.col,.ex-product-grid>.col{flex:0 0 auto;width:calc(25% - 18px)}
}
@media (max-width:991.98px){
  .ex-stats-grid>.col{flex:0 0 auto;width:50%}
  /* ex-product-grid 2-col mobile: gap:10px 13px → calc(50% - 6.5px) */
  .ex-product-grid>.col{flex:0 0 auto;width:calc(50% - 6.5px)}
  /* Restore card widths overridden by .mobile-rail.row>.col{width:auto} in styles.css */
  .mobile-rail.ex-benefit-rail>.col{width:157px}
  .mobile-rail.ex-service-rail>.col{width:190px}
  .mobile-rail.ex-edition-rail>.col{width:224px}
}
@media (max-width:430px){
  .ex-stats-grid>.col{width:160px}
}