/* IPC 2026 — Exhibition page */

.exhibition-2026{
    background:#f7f8f5;
    font-family:inherit;
    overflow:hidden
}

.exhibition-2026 *{
    box-sizing:border-box
}

.exh-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto
}


/* =========================================================
   HERO
   ========================================================= */

.exh-hero{
    position:relative;
    background:#123f34;
    color:#fff;
    min-height:600px;
    display:flex;
    align-items:center;
    overflow:hidden
}

.exh-hero-inner{
    position:relative;
    z-index:2;
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    padding:80px 0 86px
}

.exh-back{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    margin-bottom:58px;
    opacity:.9
}

.exh-back:hover{
    color:#e1b55a
}

.exh-kicker,
.exh-label{
    display:block;
    color:#d2a14c;
    font-size:11px;
    font-weight:800;
    letter-spacing:2.2px;
    text-transform:uppercase
}

.exh-hero h1{
    font-size:clamp(42px,6vw,76px);
    color:#fff;
    line-height:1.02;
    letter-spacing:-2px;
    margin:0 0 22px;
    font-weight:500
}

.exh-hero h1 strong{
    font-weight:800
}

.exh-lead{
    max-width:650px;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.7;
    margin:0 0 35px
}

.exh-meta{
    display:flex;
    gap:45px;
    margin-bottom:34px;
    flex-wrap:wrap
}

.exh-meta>div{
    display:flex;
    gap:13px;
    align-items:center;
    color:#fff;
    font-size:14px
}

.exh-meta i{
    font-size:22px;
    color:#d2a14c
}

.exh-meta small{
    display:block;
    font-size:9px;
    letter-spacing:1.5px;
    color:#d2a14c;
    margin-bottom:3px;
    font-weight:800
}


/* =========================================================
   BUTTONS
   ========================================================= */

.exh-primary-btn,
.exh-register-btn{
    display:inline-flex;
    align-items:center;
    gap:20px;
    background:#d79d43;
    color:#173d32!important;
    border:0;
    border-radius:30px;
    padding:15px 23px;
    font-weight:800;
    text-decoration:none;
    transition:.25s ease;
    cursor:pointer
}

.exh-primary-btn:hover,
.exh-register-btn:hover{
    background:#efbd62;
    transform:translateY(-2px)
}

.exh-primary-btn span,
.exh-register-btn span{
    font-size:18px
}


/* =========================================================
   HERO DECORATION
   ========================================================= */

.exh-hero-orb{
    position:absolute;
    width:620px;
    height:620px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    right:-130px;
    bottom:-300px
}

.exh-hero-orb:after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border:1px solid rgba(210,161,76,.15);
    border-radius:50%;
    top:100px;
    left:110px
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.exh-intro{
    padding:90px 0;
    background:#fff
}

.exh-intro .exh-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center
}

.exh-section-heading h2{
    font-size:42px;
    line-height:1.12;
    letter-spacing:-1px;
    margin:12px 0 15px;
    color:#153e33
}

.exh-section-heading p{
    color:#6b7a75;
    line-height:1.7;
    max-width:700px;
    margin:0 auto
}

.exh-intro-copy>p{
    font-size:17px;
    line-height:1.8;
    color:#63736d;
    margin:0 0 32px
}


/* =========================================================
   STATISTICS
   ========================================================= */

.exh-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #dfe5df;
    padding-top:25px;
    gap:18px
}

.exh-stats div{
    display:flex;
    gap:10px;
    align-items:center
}

.exh-stats strong{
    font-size:25px;
    color:#b2873d
}

.exh-stats span{
    font-size:11px;
    line-height:1.4;
    color:#63736d
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.exh-section{
    padding:90px 0
}

.exh-section-soft{
    background:#f0f3ef
}

.centered{
    text-align:center
}

.centered h2{
    margin-bottom:13px
}


/* =========================================================
   FLOOR PLAN
   ========================================================= */

.exh-image-card{
    background:#fff;
    border-radius:20px;
    padding:18px;
    box-shadow:0 18px 45px rgba(20,55,45,.09);
    margin-top:40px;
    text-align:center
}

.exh-floor-image{
    display:block;
    width:100%;
    height:auto;
    max-height:760px;
    object-fit:contain;
    border-radius:12px
}


/* =========================================================
   TWO COLUMN / BOOTH SPECIFICATION
   ========================================================= */

.exh-two-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center
}

.exh-muted{
    color:#6a7873;
    line-height:1.75;
    max-width:560px
}

.exh-feature-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-top:30px
}

.exh-feature-list>div{
    display:flex;
    gap:12px;
    align-items:flex-start;
    background:#fff;
    border:1px solid #e1e7e1;
    border-radius:12px;
    padding:15px
}

.exh-feature-list i{
    color:#b2873d;
    font-size:19px
}

.exh-feature-list strong,
.exh-feature-list small{
    display:block
}

.exh-feature-list strong{
    font-size:13px;
    color:#244a40
}

.exh-feature-list small{
    font-size:11px;
    color:#7b8782;
    margin-top:4px
}

.exh-stall-card{
    margin-top:0
}

.exh-stall-image{
    width:100%;
    height:auto;
    display:block;
    border-radius:12px
}


/* =========================================================
   EXHIBITION FEE
   ========================================================= */

.exh-fee-section{
    background:#123f34;
    color:#fff
}

.light-heading h2{
    color:#fff
}

.light-heading p{
    color:rgba(255,255,255,.68)
}

.exh-fee-grid{
    display:grid;
    grid-template-columns:1fr 1fr 240px;
    gap:18px;
    margin-top:45px
}

.exh-fee-card{
    background:#fff;
    color:#173d32;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.12)
}

.exh-fee-card-head{
    padding:22px;
    background:#1d5042;
    color:#fff;
    display:flex;
    flex-direction:column;
    gap:7px
}

.exh-fee-card-head span{
    font-size:11px;
    letter-spacing:1.4px;
    font-weight:800
}

.exh-fee-card-head strong{
    font-size:29px;
    color:#e1b55a
}

.exh-fee-card-body{
    padding:22px
}

.exh-fee-card-body small{
    display:block;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:9px;
    color:#a77d38;
    font-weight:800
}

.exh-fee-card-body span{
    display:block;
    font-size:12px;
    color:#65736e;
    margin-top:4px
}

.exh-fee-card-body hr{
    border:0;
    border-top:1px solid #e2e7e2;
    margin:18px 0
}

.normal-price{
    display:block;
    font-size:22px;
    color:#173d32;
    margin-top:12px
}


/* =========================================================
   LIMITED BOOTH
   ========================================================= */

.exh-limited{
    border:1px solid rgba(225,181,90,.6);
    border-radius:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
    background:rgba(255,255,255,.035)
}

.exh-limited span{
    font-size:10px;
    letter-spacing:2px;
    color:#dcb264;
    font-weight:800
}

.exh-limited strong{
    font-size:45px;
    line-height:1;
    color:#fff;
    margin:12px 0 3px
}

.exh-limited b{
    font-size:15px;
    color:#e0b45c;
    letter-spacing:2px
}

.exh-limited small{
    margin-top:8px;
    color:#fff;
    font-size:10px;
    letter-spacing:1.5px
}


/* =========================================================
   REGISTRATION CTA
   ========================================================= */

.exh-register-wrap{
    text-align:center;
    margin-top:35px
}

.exh-register-btn{
    font-size:15px;
    padding:16px 28px
}

.exh-register-wrap p{
    font-size:11px;
    color:rgba(255,255,255,.55);
    margin:13px 0 0
}


/* =========================================================
   TERMS & CONDITIONS
   ========================================================= */

.exh-terms{
    background:#fff
}

.exh-terms-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:45px
}

.exh-term-card{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:15px;
    padding:22px;
    background:#f5f7f4;
    border:1px solid #e3e8e3;
    border-radius:12px
}

.exh-term-card>span{
    width:32px;
    height:32px;
    border-radius:50%;
    background:#173f34;
    color:#d9ac58;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    font-weight:800
}

.exh-term-card p{
    font-size:13px;
    line-height:1.7;
    color:#66746f;
    margin:0
}

.exh-contact-note{
    text-align:center;
    margin-top:35px;
    padding:18px;
    background:#f1f4f0;
    border-radius:10px;
    color:#687671;
    font-size:13px
}

.exh-contact-note strong{
    color:#173f34;
    margin-right:5px
}

.exh-contact-note a{
    color:#a77d38;
    font-weight:700
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.exh-final-cta{
    background:#eadfca;
    padding:55px 0
}

.exh-final-cta .exh-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}

.exh-final-cta h2{
    font-size:31px;
    line-height:1.2;
    margin:10px 0 0;
    color:#173d32
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .exh-intro .exh-container,
    .exh-two-column{
        grid-template-columns:1fr;
        gap:45px
    }

    .exh-fee-grid{
        grid-template-columns:1fr 1fr
    }

    .exh-limited{
        grid-column:1/-1;
        min-height:190px
    }

    .exh-hero{
        min-height:auto
    }

    .exh-hero-inner{
        padding:65px 0 75px
    }

    .exh-section-heading h2{
        font-size:35px
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

    .exh-container,
    .exh-hero-inner{
        width:min(100% - 28px,1180px)
    }

    .exh-hero h1{
        font-size:44px;
        letter-spacing:-1px
    }

    .exh-lead{
        font-size:15px
    }

    .exh-meta{
        gap:18px;
        display:block
    }

    .exh-meta>div{
        margin-bottom:14px
    }

    .exh-intro,
    .exh-section{
        padding:65px 0
    }

    .exh-stats{
        grid-template-columns:1fr
    }

    .exh-feature-list,
    .exh-terms-grid,
    .exh-fee-grid{
        grid-template-columns:1fr
    }

    .exh-limited{
        grid-column:auto
    }

    .exh-final-cta .exh-container{
        display:block
    }

    .exh-final-cta .exh-primary-btn{
        margin-top:25px
    }

    .exh-section-heading h2{
        font-size:32px
    }

    .exh-term-card{
        grid-template-columns:34px 1fr
    }

    .exh-back{
        margin-bottom:40px
    }
    /* =========================================================
       EXHIBITION HERO TITLE — TEXT OUTLINE
       ========================================================= */
    
    .exhibition-2026 .exh-hero h1 {
        color: #ffffff !important;
        -webkit-text-stroke: 1.5px #0b2f26;
        text-shadow:
            0 2px 3px rgba(0,0,0,.25),
            0 0 1px rgba(255,255,255,.25);
    }
    
    .exhibition-2026 .exh-hero h1 strong {
        color: #e1b55a !important;
        -webkit-text-stroke: 1.5px #0b2f26;
        text-shadow:
            0 2px 3px rgba(0,0,0,.25),
            0 0 1px rgba(255,255,255,.15);
    }

}