/* TripKuwait Explore by Area */
.tkea{--tkea-green:#008f4c;--tkea-green-dark:#0c3d2d;--tkea-red:#e21f26;--tkea-ink:#0c2c20;--tkea-muted:#718079;--tkea-line:rgba(0,143,76,.14);--tkea-glow:rgba(0,143,76,.10);position:relative;width:100%;margin-inline:auto;overflow:hidden;isolation:isolate;background:#fff;color:var(--tkea-ink);font-family:inherit}
.tkea,.tkea *{box-sizing:border-box}
.tkea__ambient{position:absolute;z-index:-1;right:-130px;bottom:-170px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--tkea-glow),transparent 68%);pointer-events:none}
.tkea:before{content:"";position:absolute;z-index:-1;left:-9%;top:14%;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(226,31,38,.045),transparent 70%);pointer-events:none}
.tkea__inner{width:100%;margin-inline:auto}
.tkea__header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.tkea__intro{min-width:0}
.tkea__eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:31px;padding:6px 12px;border:1px solid rgba(0,143,76,.12);border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.tkea__eyebrow-icon{display:grid;width:17px;height:17px;place-items:center}
.tkea__eyebrow-icon svg{width:14px;height:14px;fill:currentColor}
.tkea__title{margin:18px 0 0;font-size:48px;line-height:1.04;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
.tkea__description{max-width:780px;margin:14px 0 0;font-size:15px;line-height:1.7;font-weight:400}
.tkea__view-all{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 17px;border:1px solid transparent;border-radius:16px;text-decoration:none;font-size:13px;font-weight:500;box-shadow:0 10px 28px rgba(7,49,34,.05);transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.tkea__view-all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.tkea__view-all:hover{transform:translateY(-2px)}
.tkea__view-all:hover svg{transform:translateX(3px)}
.tkea__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.tkea-layout-cards-wide .tkea__body{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.tkea-layout-map-wide .tkea__body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.tkea__cards{display:grid;align-content:start}
.tkea-card{--tkea-accent:#008f4c;--tkea-lift:5px;position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--tkea-line);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;cursor:pointer}
.tkea-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--tkea-accent),rgba(0,143,76,.15));opacity:.18;transition:opacity .2s ease}
.tkea-card:after{content:"";position:absolute;inset:-45% auto auto -50%;width:70%;height:150%;transform:rotate(24deg) translateX(-80%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:transform .55s ease;pointer-events:none}
.tkea-card:hover,.tkea-card.is-active{transform:translateY(calc(var(--tkea-lift) * -1));box-shadow:0 18px 44px rgba(10,62,43,.09)}
.tkea-card:hover:before,.tkea-card.is-active:before{opacity:1}
.tkea-card:hover:after{transform:rotate(24deg) translateX(240%)}
.tkea-card:focus-visible{outline:3px solid rgba(0,143,76,.18);outline-offset:3px}
.tkea-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.tkea-card__index{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:11px;font-weight:500}
.tkea-card__count{font-size:12px;line-height:1.3;font-weight:400;text-align:right}
.tkea-card__copy{position:relative;z-index:1;margin-top:22px}
.tkea-card__title{margin:0;font-size:22px;line-height:1.1;letter-spacing:-.02em;font-weight:500}
.tkea-card__areas-total{display:block;margin-top:8px;font-size:12px;color:#788981;font-weight:400}
.tkea-card__chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.tkea-card__chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(0,143,76,.08);border-radius:999px;text-decoration:none;font-size:12px;line-height:1.2;font-weight:400;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.tkea-card__chip:hover{transform:translateY(-1px);background:rgba(0,143,76,.12);border-color:rgba(0,143,76,.18);color:#006c3b}
.tkea-card__button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;min-height:38px;margin-top:auto;padding:9px 12px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:500;box-shadow:0 10px 24px rgba(0,143,76,.14);transition:transform .18s ease,box-shadow .18s ease}
.tkea-card__button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.tkea-card__button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,143,76,.22)}
.tkea-card__button:hover svg{transform:translateX(2px)}
.tkea__map-shell{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tkea-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.tkea__map-header{position:absolute;z-index:5;left:28px;right:28px;top:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 28px rgba(5,36,24,.09);pointer-events:none}
.tkea__map-header>div{min-width:0}
.tkea__map-kicker{display:block;margin-bottom:5px;font-size:10px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#008f4c;font-weight:500}
.tkea__map-title{margin:0;font-size:20px;line-height:1.18;font-weight:500}
.tkea__map-description{margin:6px 0 0;font-size:12px;line-height:1.5;font-weight:400}
.tkea__selected-name{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:999px;background:#0c3d2d;color:#fff;font-size:11px;font-weight:500;white-space:nowrap}
.tkea__map{position:absolute;top:var(--tkea-map-pt,14px);right:var(--tkea-map-pr,14px);bottom:var(--tkea-map-pb,14px);left:var(--tkea-map-pl,14px);background:#edf7f1;overflow:hidden}
.tkea__map-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;padding:30px;text-align:center;color:#456258;background:linear-gradient(135deg,#eff9f3,#f8fbf9)}
.tkea__map-loading>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:rgba(0,143,76,.10);color:#008f4c}
.tkea__map-loading svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}
.tkea__map-loading strong{font-size:14px;font-weight:500}.tkea__map-loading small{font-size:12px;font-weight:400}
.tkea__legend{position:absolute;z-index:5;left:28px;bottom:28px;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:8px 12px;border:1px solid rgba(0,143,76,.10);border-radius:999px;box-shadow:0 10px 24px rgba(5,36,24,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;color:#4f675e;font-weight:400}
.tkea__legend i{display:block;width:9px;height:9px;border-radius:50%;background:#008f4c;box-shadow:0 0 0 5px rgba(0,143,76,.10)}
.tkea__fallback{position:absolute;top:var(--tkea-map-pt,14px);right:var(--tkea-map-pr,14px);bottom:var(--tkea-map-pb,14px);left:var(--tkea-map-pl,14px);overflow:hidden;background:#0b3a2c;color:#fff}
.tkea__fallback:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 95%)}
.tkea__fallback:after{content:"";position:absolute;left:18%;right:15%;top:24%;bottom:18%;border:1px solid rgba(255,255,255,.12);border-radius:48% 52% 54% 46% / 34% 39% 61% 66%;transform:rotate(-7deg);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 50px rgba(255,255,255,.025)}
.tkea__fallback-glow{position:absolute;right:-10%;bottom:-10%;width:65%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(0,206,110,.24),transparent 66%)}
.tkea__fallback-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;cursor:pointer;text-align:left;padding:0}
.tkea__fallback-pin>span{display:grid;place-items:center;width:34px;height:34px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:#008f4c;color:#fff;font-size:11px;font-weight:500;box-shadow:0 8px 18px rgba(0,0,0,.2);transition:transform .2s ease,background-color .2s ease}
.tkea__fallback-pin>b{display:none;padding:6px 9px;border-radius:10px;background:rgba(6,35,25,.78);font-size:10px;line-height:1.2;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tkea__fallback-pin:hover>span,.tkea__fallback-pin.is-active>span{transform:scale(1.12);background:#e21f26}
.tkea__fallback-pin:hover>b,.tkea__fallback-pin.is-active>b{display:block}
.tkea__fallback-label{position:absolute;z-index:2;right:8%;bottom:8%;font-size:52px;line-height:1;font-weight:500;letter-spacing:-.04em;color:rgba(255,255,255,.08)}
/* Google Maps marker labels */
.tkea .gm-style .gm-style-iw-c{border-radius:16px;padding:0;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.tkea .gm-style .gm-style-iw-d{overflow:hidden!important}
.tkea-map-pop{min-width:190px;padding:14px 16px;font-family:inherit}
.tkea-map-pop strong{display:block;font-size:14px;font-weight:500;color:#143529}
.tkea-map-pop span{display:block;margin-top:4px;font-size:12px;color:#718079}
.tkea-map-pop a{display:inline-flex;margin-top:10px;color:#008f4c;text-decoration:none;font-size:12px;font-weight:500}

@media(max-width:1180px){
  .tkea__header{align-items:flex-start}.tkea__body,.tkea-layout-cards-wide .tkea__body,.tkea-layout-map-wide .tkea__body{grid-template-columns:1fr}
  .tkea__map-shell{min-height:500px}
}
@media(max-width:767px){
  .tkea{width:100%!important;max-width:none!important;background:#fff;overflow:hidden}
  .tkea:before,.tkea__ambient{display:none}
  .tkea__header{display:grid;grid-template-columns:1fr;gap:18px}
  .tkea__view-all{justify-self:start}
  .tkea__title{font-size:30px;line-height:1.08}
  .tkea__description{font-size:13px;line-height:1.65}
  .tkea__body{display:flex!important;flex-direction:column;gap:18px!important}
  .tkea--mobile-map-first .tkea__map-shell{order:1}.tkea--mobile-map-first .tkea__cards{order:2}
  .tkea--mobile-cards-first .tkea__cards{order:1}.tkea--mobile-cards-first .tkea__map-shell{order:2}
  .tkea__cards{grid-template-columns:1fr!important}
  .tkea-card{min-height:0!important;padding:18px!important}
  .tkea-card__copy{margin-top:16px}.tkea-card__title{font-size:19px}.tkea-card__chips{margin-top:12px}.tkea-card__button{margin-top:16px}
  .tkea__map-shell{height:420px;min-height:420px!important;--tkea-map-pt:8px!important;--tkea-map-pr:8px!important;--tkea-map-pb:8px!important;--tkea-map-pl:8px!important;border-radius:24px!important}
  .tkea__map,.tkea__fallback{border-radius:18px!important}
  .tkea__map-header{left:18px;right:18px;top:18px;padding:13px 14px;border-radius:15px}
  .tkea__map-title{font-size:16px}.tkea__map-description{font-size:12px}.tkea__selected-name{min-height:30px;padding:6px 9px;font-size:10px}
  .tkea__legend{left:18px;bottom:18px;font-size:10px}
  .tkea__fallback-pin>b{display:none!important}.tkea__fallback-label{font-size:42px}
}
@media(max-width:430px){
  .tkea__map-header{display:block}.tkea__selected-name{margin-top:9px}
  .tkea__eyebrow{font-size:11px}.tkea__title{font-size:28px}.tkea__description{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.tkea *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}
