/* =========================================================
   CTP MOVIE HERO
   PREMIUM CINEMA UI v4
========================================================= */

.ctp-cinema-scope,
.ctp-cinema-scope *{
    box-sizing:border-box;
}

/* =========================================================
   SINGLE MOVIE HERO
========================================================= */

.ctp-movie-hero-card{
    position:relative;
    width:100%;
    max-width:470px;
    margin-inline:auto;
    background:#161616;
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    overflow:hidden;
    box-shadow:
        0 25px 60px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.ctp-movie-hero-card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,175,55,.18);
    box-shadow:
        0 35px 80px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,196,0,.12);
}

.ctp-movie-hero-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,191,0,.10),
            transparent 35%
        );
    pointer-events:none;
}

.ctp-movie-hero-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.06),
            transparent 25%,
            transparent 70%,
            rgba(255,255,255,.03)
        );
    pointer-events:none;
}

/* =========================================================
   SINGLE HEADER
========================================================= */

.ctp-movie-hero-header{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 24px 12px;
}

.ctp-movie-hero-status{
    display:flex;
    align-items:center;
    gap:10px;
    color:#f5f5f5;
    font-size:14px;
    font-weight:600;
}

.ctp-status-dot{
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:#36d96d;
    box-shadow:0 0 12px #36d96d;
    animation:ctpPulse 2s infinite;
}

.ctp-status-dot.is-soon{
    background:#f5a623;
    box-shadow:0 0 12px #f5a623;
}

.ctp-movie-hero-rating{
    display:flex;
    align-items:center;
    gap:6px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#ffd54a;
    border-radius:50px;
    padding:8px 14px;
    font-weight:700;
    backdrop-filter:blur(10px);
}

/* =========================================================
   SINGLE BODY
========================================================= */

.ctp-movie-hero-body{
    position:relative;
    z-index:2;
    padding:0 24px 24px;
}

.ctp-movie-hero-inner{
    display:flex;
    align-items:flex-start;
    gap:22px;
}

.ctp-movie-hero-poster{
    width:145px;
    flex:0 0 145px;
}

.ctp-poster-wrapper{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:#202020;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 40px rgba(0,0,0,.40);
    transition:.45s ease;
}

.ctp-poster-wrapper a{
    display:block;
}

.ctp-poster-wrapper img{
    display:block;
    width:100%;
    aspect-ratio:2/3;
    object-fit:cover;
    transition:.45s ease;
}

.ctp-movie-hero-card:hover .ctp-poster-wrapper{
    border-color:rgba(212,175,55,.25);
    box-shadow:
        0 24px 45px rgba(0,0,0,.45),
        0 0 0 1px rgba(212,175,55,.15),
        0 0 40px rgba(212,175,55,.08);
}

.ctp-movie-hero-card:hover .ctp-poster-wrapper img{
    transform:scale(1.05);
}

.ctp-poster-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.18),
            transparent 45%
        );
    pointer-events:none;
}

.ctp-movie-hero-placeholder{
    aspect-ratio:2/3;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:46px;
    color:#666;
    background:linear-gradient(135deg,#242424,#191919);
}

.ctp-movie-hero-content{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
}

.ctp-movie-hero-badge{
    display:inline-flex;
    align-self:flex-start;
    margin-bottom:14px;
    padding:7px 14px;
    border-radius:40px;
    background:rgba(255,191,0,.12);
    color:#ffd54a;
    border:1px solid rgba(255,191,0,.18);
    font-size:12px;
    font-weight:700;
}

.ctp-movie-hero-title{
    margin:0;
    font-size:28px;
    line-height:1.3;
    font-weight:800;
}

.ctp-movie-hero-title a{
    color:#fff;
    text-decoration:none;
    transition:.3s ease;
}

.ctp-movie-hero-title a:hover{
    color:#ffd54a;
}

.ctp-movie-hero-genres{
    margin-top:10px;
    color:#a8a8a8;
    font-size:15px;
    line-height:1.8;
}

.ctp-movie-hero-pills{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.ctp-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:6px 10px;
    border-radius:999px;
    background:#222;
    border:1px solid rgba(255,255,255,.08);
    color:#d8d8d8;
    font-size:13px;
    font-weight:600;
}

.ctp-pill i{
    color:#d4af37;
}

.ctp-movie-hero-divider{
    height:1px;
    margin:26px 0 22px;
    background:
        linear-gradient(
            to left,
            transparent,
            rgba(255,255,255,.12),
            transparent
        );
}

.ctp-movie-hero-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.ctp-movie-hero-price{
    display:flex;
    flex-direction:column;
}

.ctp-price-value{
    color:#fff;
    font-size:30px;
    font-weight:800;
    line-height:1;
}

.ctp-price-value small{
    margin-right:6px;
    color:#bdbdbd;
    font-size:13px;
    font-weight:500;
}

.ctp-movie-hero-action{
    flex-shrink:0;
}

.ctp-movie-hero-btn{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-width:170px;
    height:56px;
    padding:0 24px;
    border-radius:16px;
    color:#111;
    background:#d4af37;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    box-shadow:0 10px 24px rgba(212,175,55,.22);
    overflow:hidden;
    transition:.35s ease;
}

.ctp-movie-hero-btn:hover{
    transform:translateY(-3px);
    background:#e7c55a;
    box-shadow:0 18px 34px rgba(212,175,55,.35);
}

.ctp-movie-hero-btn svg{
    transition:.3s ease;
}

.ctp-movie-hero-btn:hover svg{
    transform:translateX(-5px);
}

.ctp-movie-hero-btn.disabled{
    background:#2b2b2b;
    color:#a5a5a5;
    box-shadow:none;
}

/* =========================================================
   STANDARD GRID
   ONLY USED FOR 2 MOVIES
========================================================= */

.ctp-movie-grid{
    width:100%;
    display:grid;
    gap:22px;
    align-items:stretch;
}

.ctp-movie-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

/* =========================================================
   STANDARD 2-MOVIE CARD
========================================================= */

.ctp-movie-grid-standard .ctp-movie-grid-card{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    background:
        linear-gradient(
            145deg,
            #1c1c1c,
            #121212
        );
    border:1px solid rgba(255,255,255,.085);
    border-radius:24px;
    overflow:hidden;
    box-shadow:
        0 18px 45px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.035);
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.ctp-movie-grid-standard .ctp-movie-grid-card:hover{
    transform:translateY(-7px);
    border-color:rgba(212,175,55,.25);
    box-shadow:
        0 28px 60px rgba(0,0,0,.48),
        0 0 35px rgba(212,175,55,.06);
}

.ctp-movie-grid-poster{
    position:relative;
    width:100%;
    height:260px;
    overflow:hidden;
    background:#202020;
}

.ctp-movie-grid-poster a{
    display:block;
    width:100%;
    height:100%;
}

.ctp-movie-grid-poster img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 25%;
    transition:
        transform .65s ease,
        filter .65s ease;
}

.ctp-movie-grid-card:hover .ctp-movie-grid-poster img{
    transform:scale(1.055);
    filter:saturate(1.08);
}

.ctp-movie-grid-overlay{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.48),
            transparent 30%,
            transparent 58%,
            rgba(0,0,0,.82)
        );
}

.ctp-movie-grid-poster::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ctp-movie-grid-top{
    position:absolute;
    z-index:3;
    top:16px;
    left:16px;
    right:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.ctp-grid-status,
.ctp-grid-rating{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(12,12,12,.62);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.ctp-grid-rating{
    color:#ffd54a;
}

.ctp-grid-status .ctp-status-dot{
    width:7px;
    height:7px;
    flex-basis:7px;
    box-shadow:0 0 9px #36d96d;
}

.ctp-movie-grid-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:50px;
    background:
        radial-gradient(
            circle at center,
            #292929,
            #151515
        );
}

.ctp-movie-grid-content{
    flex:1;
    min-width:0;
    padding:20px 20px 17px;
}

.ctp-movie-grid-title{
    margin:0;
    min-width:0;
    font-size:22px;
    line-height:1.35;
    font-weight:800;
}

.ctp-movie-grid-title a{
    display:-webkit-box;
    overflow:hidden;
    color:#fff;
    text-decoration:none;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ctp-movie-grid-title a:hover{
    color:#e8c85e;
}

.ctp-movie-grid-genres{
    margin-top:7px;
    color:#999;
    font-size:12px;
    line-height:1.7;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ctp-movie-grid-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
}

.ctp-movie-grid-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:29px;
    padding:0 9px;
    border-radius:999px;
    background:#222;
    border:1px solid rgba(255,255,255,.07);
    color:#c5c5c5;
    font-size:10px;
    font-weight:600;
}

.ctp-movie-grid-meta i{
    color:#d4af37;
}

.ctp-movie-grid-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 20px;
    border-top:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.018);
}

.ctp-grid-price{
    display:flex;
    align-items:baseline;
    gap:5px;
    min-width:0;
}

.ctp-grid-price strong{
    color:#fff;
    font-size:23px;
    font-weight:800;
    white-space:nowrap;
}

.ctp-grid-price span{
    color:#999;
    font-size:10px;
    white-space:nowrap;
}

.ctp-grid-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-shrink:0;
    min-width:115px;
    height:44px;
    padding:0 15px;
    border-radius:13px;
    color:#171717;
    background:#d4af37;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.ctp-grid-button:hover{
    transform:translateY(-2px);
    background:#ebca60;
    box-shadow:0 10px 25px rgba(212,175,55,.22);
}

.ctp-grid-button svg{
    transition:.3s ease;
}

.ctp-grid-button:hover svg{
    transform:translateX(-4px);
}

.ctp-grid-button.disabled{
    color:#888;
    background:#292929;
    box-shadow:none;
}

/* =========================================================
   COMPACT GRID
   3 / 4 MOVIES
========================================================= */
.ctp-movie-grid-2 .ctp-movie-grid-footer,
.ctp-movie-grid-3 .ctp-movie-compact-footer{
    flex-direction: column;
}
.ctp-movie-grid-4 .ctp-movie-compact-footer {
    display:none;
}
.ctp-movie-grid-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}
.ctp-movie-grid-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}
.ctp-movie-grid-3 .ctp-movie-compact-body {
    padding: 17px 12px 18px;
}
.ctp-movie-grid-4 .ctp-movie-grid-compact {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 16px;
}
.ctp-movie-grid.ctp-movie-grid-4.ctp-movie-grid-compact {
    margin-top: -16%;
}
/* =========================================================
   COMPACT CARD
========================================================= */

.ctp-movie-compact-card{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            #1c1c1c,
            #121212
        );
    border:1px solid rgba(255,255,255,.085);
    border-radius:16px;
    box-shadow:
        0 18px 45px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.035);
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.ctp-movie-compact-card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,175,55,.28);
    box-shadow:
        0 28px 60px rgba(0,0,0,.48),
        0 0 35px rgba(212,175,55,.07);
}

/* =========================================================
   COMPACT POSTER
========================================================= */

.ctp-movie-compact-poster{
    position:relative;
    width:100%;
    height:220px;
    overflow:hidden;
    background:#202020;
}

.ctp-movie-compact-poster a{
    display:block;
    width:100%;
    height:100%;
}

.ctp-movie-compact-poster img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 25%;
    transition:
        transform .6s ease,
        filter .6s ease;
}

.ctp-movie-compact-card:hover .ctp-movie-compact-poster img{
    transform:scale(1.045);
    filter:saturate(1.06);
}

.ctp-movie-compact-poster::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            to bottom,
            transparent 45%,
            rgba(0,0,0,.35)
        );
}

.ctp-movie-compact-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:46px;
    background:
        radial-gradient(
            circle at center,
            #292929,
            #151515
        );
}

/* =========================================================
   COMPACT BODY
========================================================= */

.ctp-movie-compact-body{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:17px 18px 18px;
}

.ctp-movie-compact-title{
    margin:0;
    min-width:0;
    font-size:20px;
    line-height:1.45;
    font-weight:800;
}

.ctp-movie-compact-title a{
    display:-webkit-box;
    overflow:hidden;
    color:#fff;
    text-decoration:none;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    transition:.3s ease;
}

.ctp-movie-compact-title a:hover{
    color:#e7c45b;
}

/* =========================================================
   COMPACT FOOTER
========================================================= */

.ctp-movie-compact-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:17px;
    padding-top:15px;
    border-top:1px solid rgba(255,255,255,.075);
}

.ctp-movie-compact-price{
    display:flex;
    align-items:baseline;
    gap:5px;
    min-width:0;
}

.ctp-movie-compact-price strong{
    color:#fff;
    font-size:20px;
    font-weight:800;
    white-space:nowrap;
}

.ctp-movie-compact-price span{
    color:#999;
    font-size:10px;
    white-space:nowrap;
}

/* =========================================================
   COMPACT BOOK BUTTON
========================================================= */

.ctp-movie-compact-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-shrink:0;
    min-width:118px;
    height:44px;
    padding:0 15px;
    border-radius:13px;
    color:#171717;
    background:#d4af37;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.ctp-movie-compact-button:hover{
    transform:translateY(-2px);
    background:#ebca60;
    box-shadow:
        0 10px 25px rgba(212,175,55,.22);
}

.ctp-movie-compact-button svg{
    transition:.3s ease;
}

.ctp-movie-compact-button:hover svg{
    transform:translateX(-4px);
}

.ctp-movie-compact-button.disabled{
    color:#888;
    background:#292929;
    box-shadow:none;
}

/* =========================================================
   COMPACT 3 MOVIES
========================================================= */

.ctp-movie-grid-3 .ctp-movie-compact-card{
    min-height:0;
}

/* =========================================================
   COMPACT 4 MOVIES
========================================================= */

.ctp-movie-grid-4 .ctp-movie-compact-card{
    min-height:0;
}

/* =========================================================
   ENTRANCE ANIMATION
========================================================= */

.ctp-movie-grid-card,
.ctp-movie-compact-card{
    animation:ctpGridEntrance .65s ease both;
}

.ctp-movie-grid-card:nth-child(2),
.ctp-movie-compact-card:nth-child(2){
    animation-delay:.08s;
}

.ctp-movie-grid-card:nth-child(3),
.ctp-movie-compact-card:nth-child(3){
    animation-delay:.16s;
}

.ctp-movie-grid-card:nth-child(4),
.ctp-movie-compact-card:nth-child(4){
    animation-delay:.24s;
}

@keyframes ctpGridEntrance{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes ctpPulse{

    0%{
        transform:scale(1);
        opacity:1;
    }

    50%{
        transform:scale(1.35);
        opacity:.7;
    }

    100%{
        transform:scale(1);
        opacity:1;
    }

}

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

@media (max-width:900px){

    .ctp-movie-grid-2,
    .ctp-movie-grid-compact{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

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

@media (max-width:700px){

    .ctp-movie-grid-2,
    .ctp-movie-grid-compact{
        grid-template-columns:1fr;
        gap:16px;
    }

    .ctp-movie-compact-poster{
        height:250px;
    }

    .ctp-movie-compact-body{
        padding:16px;
    }

    .ctp-movie-compact-title{
        font-size:19px;
    }

}

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

@media (max-width:500px){

    .ctp-movie-hero-card{
        border-radius:22px;
    }

    .ctp-movie-hero-header{
        padding:18px;
    }

    .ctp-movie-hero-body{
        padding:0 18px 18px;
    }

    .ctp-movie-hero-inner{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }

    .ctp-movie-hero-poster{
        width:190px;
        flex-basis:190px;
    }

    .ctp-movie-hero-content{
        width:100%;
        align-items:center;
    }

    .ctp-movie-hero-badge{
        align-self:center;
    }

    .ctp-movie-hero-pills{
        justify-content:center;
    }

    .ctp-movie-hero-footer{
        flex-direction:column;
        align-items:stretch;
    }

    .ctp-movie-hero-price{
        align-items:center;
    }

    .ctp-movie-hero-btn{
        width:100%;
    }

    .ctp-movie-compact-poster{
        height:270px;
    }

    .ctp-movie-compact-footer{
        gap:10px;
    }

    .ctp-movie-compact-price strong{
        font-size:18px;
    }

    .ctp-movie-compact-button{
        min-width:108px;
        height:42px;
        padding:0 12px;
        font-size:11px;
    }

}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.ctp-movie-grid-title a:focus-visible,
.ctp-grid-button:focus-visible,
.ctp-movie-compact-title a:focus-visible,
.ctp-movie-compact-button:focus-visible,
.ctp-movie-hero-title a:focus-visible,
.ctp-movie-hero-btn:focus-visible{
    outline:2px solid #d4af37;
    outline-offset:3px;
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

    .ctp-movie-grid-card,
    .ctp-movie-compact-card,
    .ctp-movie-hero-card,
    .ctp-status-dot,
    .ctp-movie-grid-poster img,
    .ctp-movie-compact-poster img,
    .ctp-grid-button,
    .ctp-movie-compact-button,
    .ctp-movie-hero-btn{
        animation:none!important;
        transition:none!important;
    }

}
/* =========================================================
   تاریخ و ساعت پخش (جایگزین ژانر و مدت‌زمان در کارت‌ها)
========================================================= */

.ctp-movie-hero-showtime,
.ctp-movie-grid-showtime{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    padding:9px 14px;
    border-radius:12px;
    background:rgba(240,180,41,.08);
    border:1px solid rgba(240,180,41,.22);
    color:#f3d38a;
    font-size:14px;
    font-weight:700;
    line-height:1.8;
}

.ctp-movie-grid-showtime{
    margin-top:9px;
    padding:7px 11px;
    font-size:12.5px;
    border-radius:10px;
}

.ctp-showtime-icon{
    font-size:15px;
    line-height:1;
    flex:0 0 auto;
}

.ctp-pill-time{
    background:rgba(240,180,41,.1);
    border-color:rgba(240,180,41,.28);
    color:#f3d38a;
}

.ctp-movie-compact-showtime{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:9px;
}

.ctp-movie-compact-showtime span{
    display:inline-flex;
    align-items:center;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(240,180,41,.09);
    border:1px solid rgba(240,180,41,.2);
    color:#f3d38a;
    font-size:11.5px;
    font-weight:700;
    white-space:nowrap;
}

/* وضعیت‌های تازه‌ی نقطه‌ی رنگی کنار عنوان وضعیت */
.ctp-status-dot.is-onair{
    background:#36d96d;
    box-shadow:0 0 12px #36d96d;
}

.ctp-status-dot.is-soldout{
    background:#e5484d;
    box-shadow:0 0 12px #e5484d;
    animation:none;
}

.ctp-status-dot.is-archived{
    background:#6b7280;
    box-shadow:none;
    animation:none;
}

/* دکمه‌ی غیرفعال «تکمیل ظرفیت» */
.ctp-movie-hero-btn.disabled,
.ctp-grid-button.disabled,
.ctp-movie-compact-button.disabled{
    cursor:not-allowed;
    pointer-events:none;
}

@media (max-width:500px){
    .ctp-movie-hero-showtime{
        font-size:12.5px;
        padding:8px 11px;
    }
}