@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/InstrumentSerif-Italic.ttf) format('truetype')}
/* UTS home hero (tabs: tours, flights, hotels, visa) */
.uh{position:relative;min-height:min(940px,100vh);display:flex;align-items:center;padding:132px 0 80px;color:#fff;background:#040244;overflow:hidden;isolation:isolate}
body.admin-bar .uh{padding-top:164px}
.uh-bgs{position:absolute;inset:0;z-index:-2}
.uh-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06) translateZ(0);backface-visibility:hidden;background-image:var(--bg);transition:opacity .9s ease,transform 0s linear 1s}
.uh-bg.is-on{opacity:1;will-change:opacity,transform;transform:scale(1) translateZ(0);transition:opacity .9s ease,transform 14s cubic-bezier(.2,.6,.3,1)}\n.uh-bgs{contain:strict}

.uh-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,2,40,.66) 0%,rgba(4,2,40,.4) 45%,rgba(4,2,40,0) 72%),linear-gradient(180deg,rgba(4,2,40,.5) 0%,rgba(4,2,40,0) 24%,rgba(4,2,40,0) 80%,rgba(4,2,40,.35) 100%)}
.uh-in{display:flex;gap:44px;align-items:flex-start}
.uh-left{flex:0 1 820px;min-width:0}
.uh-trust{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:600;}
.uh-trust .u-ico{color:#FFC94D;fill:#FFC94D}
.uh-trust i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5)}
.uh-h1{display:grid;margin:22px 0 0!important;font-family:var(--u-disp);font-weight:800;font-size:clamp(44px,5.4vw,80px);line-height:.98;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 18px rgba(4,2,40,.28)}
.uh-hl{grid-area:1/1;opacity:0;transform:translate3d(0,18px,0);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.uh-hl.is-on{opacity:1;transform:none;pointer-events:auto}
.uh-h1 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.12em;color:#FFB1C4;position:relative;white-space:nowrap}
.uh-h1 em::after{content:"";position:absolute;left:2%;right:4%;bottom:.08em;height:.09em;border-radius:9px;background:linear-gradient(90deg,#EC1E5C,#FF9DB5);transform:scaleX(0);transform-origin:left;transition:transform .5s .25s cubic-bezier(.2,.7,.2,1)}
.uh-hl.is-on em::after{transform:scaleX(1)}
.uh-sub{display:grid;margin:18px 0 0!important;font-size:18px;line-height:1.6;color:rgba(255,255,255,.86);max-width:600px}
.uh-sl{grid-area:1/1;opacity:0;transition:opacity .45s ease}.uh-sl.is-on{opacity:1}
.uh-tabs{display:inline-flex;gap:4px;margin-top:28px;padding:5px;border-radius:999px;background:rgba(4,2,40,.55);border:1px solid rgba(255,255,255,.18)}
.uh-tb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.9);font:700 14px var(--u-body);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.uh-tb:hover{background:rgba(255,255,255,.12)}
.uh-tb.is-on{background:#fff;color:var(--u-navy);box-shadow:0 6px 18px rgba(4,2,40,.25)}
.uh-tb.is-on .u-ico{color:var(--u-red)}
.uh-tb:focus-visible{outline:3px solid #FF9DB5;outline-offset:2px}
.uh-card{margin-top:14px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:20px 22px 22px;color:var(--u-navy);box-shadow:0 24px 50px rgba(4,2,40,.3)}
.uh-panels{position:relative;transition:height .35s cubic-bezier(.2,.7,.2,1)}
.uh-p[hidden]{display:none!important}
.uh-p.is-on{animation:uhIn .4s cubic-bezier(.2,.7,.2,1)}
@keyframes uhIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.uh-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.uh-mini{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--u-muted);margin:0 0 8px}
.uh-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.uh-tc{position:relative;cursor:pointer}.uh-tc input{position:absolute;opacity:0;pointer-events:none}
.uh-tc span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #D6D8E6;background:#fff;font-size:13px;font-weight:700;color:var(--u-navy);white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.uh-tc span .u-ico{color:var(--u-red)}
.uh-tc input:checked+span{background:var(--u-navy);border-color:var(--u-navy);color:#fff}.uh-tc input:checked+span .u-ico{color:#FF9DB5}
.uh-tc input:focus-visible+span{outline:3px solid var(--u-crimson);outline-offset:1px}
.uh-seg{display:inline-flex;gap:3px;padding:4px;border-radius:12px;background:#EEF0F7}
.uh-seg label{cursor:pointer}.uh-seg input{position:absolute;opacity:0;pointer-events:none}
.uh-seg span{display:block;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:700;color:var(--u-muted)}
.uh-seg input:checked+span{background:#fff;color:var(--u-navy);box-shadow:0 2px 8px rgba(4,2,68,.1)}
.uh-seg input:focus-visible+span{outline:3px solid var(--u-crimson)}
.uh-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--u-ok)}
.uh-grid{display:grid;gap:8px;align-items:stretch;margin-top:12px}
.g-tours{grid-template-columns:1.5fr 1fr 1fr auto;margin-top:0}
.g-fl{grid-template-columns:1.25fr 40px 1.25fr 1fr 1fr}
.g-fl2,.g-ho2{grid-template-columns:1.2fr 1fr auto;align-items:center}
.g-ho{grid-template-columns:1.5fr 1fr 1fr}
.g-vi{grid-template-columns:1fr 1.2fr 1.2fr;margin-top:0}
.uh-bx{position:relative;display:block;border:1px solid #E1E3EE;border-radius:14px;padding:10px 13px;background:#fff;min-width:0;cursor:text;transition:border-color .2s,box-shadow .2s}
.uh-bx:focus-within{border-color:var(--u-navy);box-shadow:0 0 0 3px rgba(4,2,68,.08)}
.uh-bx .k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--u-muted)}
.uh-bx .v{display:flex;align-items:center;gap:6px;margin-top:4px;min-width:0}
.uh-bx .v>.u-ico{color:var(--u-red);flex:0 0 auto}
.uh-bx input,.uh-bx select{flex:1 1 0;min-width:0;width:100%;border:0;outline:0;background:transparent;padding:0;margin:0;font:800 15.5px var(--u-body);color:var(--u-navy);min-height:24px;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
.uh-bx select{cursor:pointer;background:no-repeat right center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A5E7A' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");padding-right:16px}
.uh-bx input::placeholder{color:#9A9DB4;font-weight:600}

.uh-bx .s{display:block;font-size:11.5px;color:var(--u-muted);font-weight:600;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uh-bx .s select{font:600 11.5px var(--u-body);color:var(--u-muted);min-height:0;width:auto}
.uh-bx .u-ap-list{color:var(--u-navy)}
.uh-ret.is-off{opacity:.45}
.uh-sw{align-self:center;width:38px;height:38px;border-radius:50%;border:1px solid #D6D8E6;display:grid;place-items:center;background:#fff;color:var(--u-navy);cursor:pointer;padding:0;transition:transform .3s}
.uh-sw:hover{transform:rotate(180deg)}
.uh-go{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:64px;padding:0 24px;border:0;border-radius:16px;background:var(--u-red);color:#fff;font:800 15px var(--u-body);box-shadow:0 12px 26px rgba(222,22,82,.35);white-space:nowrap;cursor:pointer;transition:background .2s,transform .1s}
.uh-go:hover{background:var(--u-red-d)}.uh-go:active{transform:translateY(1px)}
.uh-opts{display:flex;flex-direction:column;gap:8px;padding-left:6px}
.uh-cbx{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;color:var(--u-navy)}
.uh-cbx input{position:absolute;opacity:0}
.uh-cbx i{width:18px;height:18px;border-radius:5px;border:2px solid #C9CBDB;background:#fff;display:grid;place-items:center}
.uh-cbx input:checked+i{background:var(--u-navy);border-color:var(--u-navy)}
.uh-cbx input:checked+i::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.uh-cbx input:focus-visible+i{outline:3px solid var(--u-crimson)}
.uh-foot{margin-top:12px;justify-content:flex-start}
.uh-foot .uh-mini{margin:0}.uh-foot .uh-chips{margin:0}
.uh-foot .uh-go{margin-left:auto;min-height:54px}
.uh-err{margin:10px 0 0!important;padding:10px 14px;border-radius:12px;background:#FDE7EE;color:var(--u-red-d);font-size:13px;font-weight:600}
.uh-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:13px;font-weight:600;color:rgba(255,255,255,.88)}
.uh-pay b{font-family:var(--u-disp);font-weight:800;font-size:13px;padding:3px 9px;border-radius:7px}
.uh-tabby{background:#3BFFC1;color:#04260F}.uh-tamara{background:#fff;color:var(--u-navy)}
.uh-sep{width:1px;height:16px;background:rgba(255,255,255,.3)}
.uh-pay span{display:inline-flex;align-items:center;gap:6px}
/* deal fans */
.uh-deals{flex:1;display:grid;padding-top:110px;min-width:0}
.uh-fan{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.uh-fan.is-on{opacity:1;visibility:visible}
.uh-dh{margin:0 0 14px 6px!important;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.uh-stack{position:relative;height:390px}
.uh-dc{position:absolute;top:0;width:200px;background:#fff;border-radius:20px;overflow:hidden;color:var(--u-navy);box-shadow:0 18px 36px rgba(4,2,40,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;text-decoration:none}
.uh-dc:nth-child(1){left:108px;transform:rotate(2deg);z-index:3}
.uh-dc:nth-child(2){left:0;transform:rotate(-9deg) translateY(22px);z-index:1}
.uh-dc:nth-child(3){left:214px;transform:rotate(11deg) translateY(30px);z-index:2}
.uh-dc:hover{transform:rotate(0) translateY(-8px)!important;z-index:5;box-shadow:0 40px 70px rgba(4,2,40,.5)}
.uh-fan.is-on .uh-dc{animation:uhDeal .7s cubic-bezier(.2,.7,.2,1) both}
.uh-fan.is-on .uh-dc:nth-child(1){animation-delay:.16s}.uh-fan.is-on .uh-dc:nth-child(2){animation-delay:0s}.uh-fan.is-on .uh-dc:nth-child(3){animation-delay:.08s}.uh-fan.is-on .uh-dc:nth-child(3){animation-delay:.16s}
@keyframes uhDeal{from{opacity:0;translate:0 -40px;rotate:-6deg}to{opacity:1;translate:0 0;rotate:0deg}}
.uh-dc-img{position:relative;display:block;height:150px;background:#14106A;overflow:hidden}
.uh-dc-img img{width:100%;height:100%;object-fit:cover;display:block}
.uh-dc-art{position:absolute!important;inset:0}
.uh-dc-img em{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.95);color:var(--u-navy);font-style:normal;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px}
.uh-dc-b{display:block;padding:14px 16px 16px}
.uh-dc-b b{display:block;font-family:var(--u-disp);font-size:18px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uh-dc-b small{display:block;font-size:12px;color:var(--u-muted);font-weight:600;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uh-dc-p{display:block;margin-top:10px;font-family:var(--u-disp);font-weight:800;font-size:19px;color:var(--u-red)}
.uh-dc-p i{font-style:normal;font-family:var(--u-body);font-size:11px;font-weight:700;color:var(--u-muted);margin-right:6px}
/* dots + autoplay progress */
.uh-dots{position:absolute;z-index:3;right:max(32px,calc((100vw - var(--u-wrap))/2 + 32px));bottom:30px;display:flex;gap:8px}
.uh-dots i{position:relative;width:8px;height:8px;border-radius:9px;background:rgba(255,255,255,.4);overflow:hidden;transition:width .3s}
.uh-dots i.is-on{width:38px}
.uh-dots i b{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.uh-dots i.is-on b{transform:scaleX(1)}
.uh.is-auto .uh-dots i.is-on b{transform:scaleX(0);animation:uhProg var(--uh-t,7s) linear forwards}
@keyframes uhProg{to{transform:scaleX(1)}}
/* transparent header on home */
body.home .u-topbar{display:none}
.u-header.is-overlay{position:fixed;left:0;right:0;top:0;background:transparent;border-color:transparent;transition:background .3s,box-shadow .3s,border-color .3s}
body.admin-bar .u-header.is-overlay{top:32px}
.u-logo .u-logo-w{display:none}
.u-header.is-overlay:not(.is-solid) .u-logo-c{display:none}.u-header.is-overlay:not(.is-solid) .u-logo-w{display:block}
.u-header.is-overlay:not(.is-solid) .u-nav a{color:#fff}
.u-header.is-overlay:not(.is-solid) .u-nav a.is-on,.u-header.is-overlay:not(.is-solid) .u-nav a:hover{color:#FF9DB5}
.u-header.is-overlay:not(.is-solid) .u-hd-wa-desk{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.3)}
.u-header.is-overlay.is-solid{background:#fff;border-color:var(--u-line);box-shadow:0 8px 30px rgba(4,2,68,.08)}
.u-header-social{display:none}
@media (prefers-reduced-motion:reduce){.uh-bg,.uh-bg.is-on{transform:none;transition:opacity .3s}.uh-fan.is-on .uh-dc{animation:none}.uh-hl,.uh-sl,.uh-bg{transition:none}}
@media (max-width:1180px){.uh-deals{display:none}.uh-left{flex-basis:100%}}
@media (max-width:860px){
body.admin-bar .u-header.is-overlay{top:46px}
.uh{min-height:0;padding:96px 0 40px;align-items:flex-start}
body.admin-bar .uh{padding-top:130px}
.uh-shade{background:linear-gradient(180deg,rgba(4,2,40,.62) 0%,rgba(4,2,40,.28) 42%,rgba(4,2,40,.6) 100%)}
.uh-in{display:block}
.uh-trust{font-size:11px;gap:7px;padding:6px 11px}
.uh-h1{font-size:42px;margin-top:16px!important}
.uh-sub{font-size:15px;margin-top:12px!important}
.uh-tabs{display:flex;width:100%;margin-top:20px}
.uh-tb{flex:1;justify-content:center;padding:0 4px;font-size:13px;gap:5px;min-height:42px}
.uh-card{border-radius:22px;padding:14px}
.uh-grid{grid-template-columns:1fr 1fr!important}
.uh-grid>.uh-bx:first-child,.g-fl>.uh-bx:nth-child(3),.g-fl2>.uh-bx,.g-ho2>.uh-bx,.g-vi>.uh-bx:last-child,.uh-opts,.uh-go{grid-column:span 2}
.g-tours>.uh-bx:first-child{grid-column:span 2}
.uh-sw{display:none}
.uh-go{min-height:54px;width:100%}
.uh-note{display:none}
.uh-opts{flex-direction:row;flex-wrap:wrap;padding:4px 2px;gap:14px}
.uh-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-2px;margin-right:-2px}
.uh-foot .uh-go{margin-left:0}
.uh-pay{font-size:12px}
.uh-deals{display:grid;padding-top:24px;margin-top:6px}
.uh-fan:not(.is-on){display:none}
.uh-stack{height:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none}
.uh-dc{position:static;flex:0 0 200px;transform:none!important;scroll-snap-align:start;box-shadow:0 16px 30px rgba(4,2,40,.35)}
.uh-dc-img{height:110px}
.uh-dots{right:auto;left:20px;bottom:16px}
}

/* umrah tab */
.g-um{grid-template-columns:1fr 1fr 1.2fr auto;margin-top:0}
.uh-tc small{font-size:11px;font-weight:700;opacity:.7;margin-left:2px}
.uh-tc input:checked+span small{opacity:.85}
.uh-perks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding-top:12px;border-top:1px solid #EEF0F7;font-size:12.5px;font-weight:700;color:var(--u-navy)}
.uh-perks span{display:inline-flex;align-items:center;gap:6px}.uh-perks .u-ico{color:var(--u-ok)}
@media (max-width:860px){.uh-tb .u-ico{display:none}.uh-tb{font-size:12.5px;padding:0 2px}.g-um>.uh-bx:last-of-type{grid-column:span 2}.uh-perks{gap:6px 14px;font-size:12px}}

/* mobile deal scroll fix */
.uh-deals{grid-template-columns:minmax(0,1fr)}
.uh-fan{min-width:0}
@media (max-width:860px){.uh-deals,.uh-fan{width:100%;min-width:0;max-width:100%}.uh-stack{width:auto;max-width:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding-left:20px}.uh-stack::-webkit-scrollbar{display:none}.uh-dc{flex:0 0 min(200px,62vw)}.uh-dc:last-child{margin-right:20px}.uh-fan.is-on .uh-dc{animation:none}}

/* mobile performance */
@media (max-width:860px){.uh-bg{background-image:var(--bgm);transform:none!important;transition:opacity .5s ease!important;will-change:auto!important}.uh-bg.is-on{will-change:opacity!important}.uh-h1{text-shadow:none}.uh-hl{transition:opacity .3s ease,transform .3s ease}.uh-h1 em::after{transition:none}.uh-panels{transition:none!important}.uh-p.is-on{animation-duration:.25s}.uh-card{box-shadow:0 12px 28px rgba(4,2,40,.28)}.uh-dc{box-shadow:0 8px 18px rgba(4,2,40,.25);transition:none}.uh-dc:hover{transform:none!important}}

/* flight contact fields */
.g-fl2{grid-template-columns:1.25fr 1fr 1fr}
.uh-req{color:var(--u-red);font-weight:800}
.uh-bx.is-err{border-color:var(--u-red);background:#FFF7F9;box-shadow:0 0 0 3px rgba(222,22,82,.12)}
.uh-fl-foot{margin-top:12px;align-items:center}
.uh-fl-foot .uh-opts{flex-direction:row;gap:18px;padding-left:2px}
.uh-fl-foot .uh-go{margin-left:auto;min-height:56px}
@media (max-width:860px){.uh-fl-foot{display:flex;flex-direction:column;align-items:stretch;gap:12px}.uh-fl-foot .uh-go{margin-left:0;width:100%}.uh-fl-foot .uh-opts{gap:14px}}

/* ===== stats card (v2.3) ===== */
.uh{padding-bottom:124px}
.uh-dots{bottom:80px}
.us{position:relative;z-index:5;margin-top:-56px;padding-bottom:8px}
.us-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #E5E6F0;border-radius:28px;box-shadow:0 30px 70px rgba(4,2,68,.14);overflow:hidden}
.us-it{position:relative;display:flex;gap:16px;align-items:flex-start;padding:30px 28px}
.us-it+.us-it::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:#EEF0F7}
.us-ic{flex:0 0 52px;height:52px;border-radius:16px;display:grid;place-items:center}
.us-ic svg{width:26px;height:26px}
.us-ic.c1{background:#FDE7EE;color:#DE1652}.us-ic.c2{background:#ECEBFF;color:#3B2FC9}.us-ic.c3{background:#E2F5F4;color:#0E7C7B}.us-ic.c4{background:#E6F7EF;color:#127A4B}
.us-n{display:flex;align-items:baseline;gap:1px;font-family:var(--u-disp);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.03em;color:var(--u-navy);font-variant-numeric:tabular-nums}
.us-n em{font-style:normal;color:var(--u-red);font-size:.62em;letter-spacing:-.01em;margin-left:2px}
.us-t{display:block;margin-top:8px;font-weight:800;font-size:15px;color:var(--u-navy)}
.us-s{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--u-muted)}
@media (max-width:1100px){.us-it{padding:24px 18px;gap:12px}.us-ic{flex-basis:44px;height:44px;border-radius:14px}.us-ic svg{width:22px;height:22px}.us-n{font-size:36px}}
@media (max-width:860px){.uh{padding-bottom:64px}.uh-dots{bottom:40px}.us{margin-top:-28px}.us-card{grid-template-columns:1fr 1fr;border-radius:22px}
.us-it{flex-direction:column;gap:10px;padding:20px 18px}
.us-it+.us-it::before{display:none}
.us-it:nth-child(2n)::after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:#EEF0F7}
.us-it:nth-child(n+3){border-top:1px solid #EEF0F7}
.us-ic{flex:0 0 auto;width:40px;height:40px;border-radius:12px}.us-ic svg{width:20px;height:20px}
.us-n{font-size:32px}.us-t{font-size:14px;margin-top:6px}.us-s{font-size:12px}}
/* ===== UAE experience cards (v2.4) ===== */
.ec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ec-head .u-h2{margin:6px 0 0!important}
.ec-sub{margin:8px 0 0!important;color:var(--u-muted);font-size:16px}
.ec-all{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid var(--u-navy);font-weight:800;font-size:14px;color:var(--u-navy);transition:background .2s,color .2s}
.ec-all:hover{background:var(--u-navy);color:#fff}
.ec-chips{display:flex;gap:8px;margin:24px 0 22px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.ec-chips::-webkit-scrollbar{display:none}
.ec-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #D6D8E6;background:#fff;font:700 14px var(--u-body);color:var(--u-navy);cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.ec-chip b{font-size:11px;background:#EEF0F7;border-radius:999px;padding:2px 7px;color:var(--u-muted)}
.ec-chip:hover{border-color:var(--u-navy)}
.ec-chip.is-on{background:var(--u-navy);border-color:var(--u-navy);color:#fff}.ec-chip.is-on b{background:rgba(255,255,255,.2);color:#fff}
.ec-chip:focus-visible{outline:3px solid var(--u-crimson);outline-offset:2px}
.ec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ec-grid.is-anim .ec-card:not([hidden]){animation:ecIn .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes ecIn{from{opacity:0;transform:translateY(10px)}}
.ec-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--u-line);border-radius:22px;overflow:hidden;color:var(--u-navy);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.ec-card[hidden]{display:none}
.ec-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(4,2,68,.14)}
.ec-card:focus-visible{outline:3px solid var(--u-crimson);outline-offset:3px}
.ec-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#14106A}
.ec-img>img,.ec-img>.u-ph{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .6s ease}
.ec-card:hover .ec-img>img{transform:scale(1.05)}
.ec-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,2,40,0) 55%,rgba(4,2,40,.6));pointer-events:none}
.ec-badge{position:absolute;left:12px;top:12px;z-index:2;font-size:11px;font-weight:800;padding:6px 10px;border-radius:999px;background:var(--u-red);color:#fff}
.ec-dur,.ec-rate{position:absolute;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:700}
.ec-dur{left:12px}.ec-rate{right:12px;font-weight:800}
.ec-b{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.ec-loc{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--u-muted)}.ec-loc .u-ico{color:var(--u-red)}
.ec-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--u-disp);font-weight:800;font-size:19px;line-height:1.2;margin:6px 0 10px;min-height:2.4em}
.ec-fx{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.ec-fx span{font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:8px;background:#F4F5FA;color:var(--u-navy)}
.ec-fx span.is-g{background:#E6F7EF;color:#127A4B}
.ec-pr{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px dashed #E1E3EE}
.ec-pr small{display:block;font-size:11.5px;color:var(--u-muted);font-weight:600}
.ec-pr b{font-family:var(--u-disp);font-size:24px;letter-spacing:-.02em;color:var(--u-navy)}
.ec-pr b.ec-por{font-size:18px}
.ec-pr s{font-size:13px;color:#9A9DB4;margin-left:6px}
.ec-pr em{display:block;font-style:normal;font-size:11.5px;color:var(--u-muted);margin-top:2px}
.ec-pr em i{font-style:normal;font-weight:800;font-size:11px;background:#3BFFC1;color:#04260F;padding:1px 5px;border-radius:5px}
.ec-go{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--u-red);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(222,22,82,.3);transition:transform .25s}
.ec-card:hover .ec-go{transform:translateX(3px)}
.ec-foot{display:flex;justify-content:center;margin-top:30px}
.ec-head .ec-all{display:inline-flex}
@media (max-width:1100px){.ec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-grid .ec-card:nth-child(n+7){display:none}}
@media (max-width:860px){.ec-head .ec-all{display:none}.ec-chips{margin:18px -20px 16px;padding:0 20px 2px}
.ec-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 8px;scroll-padding-left:20px;scrollbar-width:none;overscroll-behavior-x:contain}
.ec-grid::-webkit-scrollbar{display:none}.ec-grid::after{content:"";flex:0 0 6px}
.ec-grid .ec-card{flex:0 0 78%;scroll-snap-align:start}.ec-grid .ec-card:nth-child(n+7){display:flex}.ec-grid .ec-card[hidden]{display:none}
.ec-card:hover{transform:none;box-shadow:none}.ec-t{font-size:18px}.ec-grid.is-anim .ec-card:not([hidden]){animation:none}}