/* TripKuwait Popular Directory Categories */
.tkpc{--tkpc-glow:rgba(0,143,76,.12);position:relative;width:100%;overflow:hidden;isolation:isolate;background:#f7fbf9;color:#10271f}
.tkpc,.tkpc *{box-sizing:border-box}
.tkpc__ambient{position:absolute;z-index:-1;left:-8%;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--tkpc-glow) 0%,transparent 70%);filter:blur(6px);pointer-events:none}
.tkpc:after{content:"";position:absolute;z-index:-1;right:-130px;bottom:-170px;width:480px;height:480px;border-radius:50%;border:1px solid rgba(0,143,76,.06);box-shadow:0 0 0 70px rgba(0,143,76,.025),0 0 0 140px rgba(0,143,76,.015);pointer-events:none}
.tkpc__inner{width:100%;margin-inline:auto}
.tkpc__header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.tkpc__intro{min-width:0}
.tkpc__eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,143,76,.12);border-radius:999px;color:#008f4c;background:rgba(0,143,76,.08);font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
.tkpc__eyebrow-icon{display:grid;place-items:center;width:18px;height:18px}
.tkpc__eyebrow-icon svg{width:14px;height:14px;fill:currentColor}
.tkpc__title{margin:14px 0 10px;padding:0;font-size:48px;line-height:1.05;font-weight:500;letter-spacing:-.04em;color:#10271f}
.tkpc__description{max-width:720px;margin:0;color:#6e8079;font-size:15px;line-height:1.7}
.tkpc__view-all{flex:0 0 auto;min-height:48px;padding:0 10px 0 17px;display:inline-flex;align-items:center;gap:13px;border:1px solid rgba(0,143,76,.18);border-radius:15px;background:#fff;color:#0a5f43;text-decoration:none!important;font-size:13px;font-weight:500;box-shadow:0 10px 26px rgba(8,50,35,.05);transition:.22s ease}
.tkpc__view-all b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(0,143,76,.10);font-size:13px;font-weight:500;transition:.22s ease}
.tkpc__view-all:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(8,50,35,.09)}
.tkpc__view-all:hover b{background:rgba(255,255,255,.14)}
.tkpc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.tkpc-card{--tkpc-accent:#008f4c;--tkpc-lift:7px;position:relative;min-width:0;min-height:230px;padding:24px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(12,105,72,.14);border-radius:24px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#10271f;text-decoration:none!important;box-shadow:0 14px 40px rgba(8,50,35,.06);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease,background .25s ease;isolation:isolate}
.tkpc-card:before{content:"";position:absolute;z-index:-1;left:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tkpc-accent) 16%,transparent),transparent 70%);pointer-events:none}
.tkpc-card:after{content:"";position:absolute;z-index:1;top:-80%;left:-55%;width:48%;height:260%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);opacity:0;transition:left .55s ease,opacity .25s ease;pointer-events:none}
.tkpc-card:hover{transform:translateY(calc(var(--tkpc-lift) * -1));box-shadow:0 24px 58px rgba(8,50,35,.12);border-color:rgba(0,143,76,.34);background:rgba(255,255,255,.92)}
.tkpc-card:hover:after{left:120%;opacity:.65}
.tkpc-card__art{position:absolute;z-index:-2;inset:0;background-size:cover;background-position:center;opacity:.12;filter:saturate(.8);transform:scale(1.02);transition:transform .45s ease,opacity .3s ease}
.tkpc-card:hover .tkpc-card__art{transform:scale(1.075)}
.tkpc-card__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}
.tkpc-card__icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tkpc-accent) 18%,transparent);border-radius:18px;background:rgba(0,143,76,.10);color:var(--tkpc-accent);font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 9px 22px color-mix(in srgb,var(--tkpc-accent) 10%,transparent);transition:.22s ease}
.tkpc-card__icon svg{width:1em;height:1em;fill:currentColor}
.tkpc-card:hover .tkpc-card__icon{transform:translateY(-2px);background:var(--tkpc-accent);color:#fff;border-color:var(--tkpc-accent)}
.tkpc-card__count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid rgba(11,67,49,.09);border-radius:999px;background:rgba(255,255,255,.78);color:#61736c;font-size:11px;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tkpc-card__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:28px;padding-right:48px}
.tkpc-card__title{display:block;color:#10271f;font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.025em}
.tkpc-card__desc{display:block;color:#687a73;font-size:12px;line-height:1.55}
.tkpc-card__arrow{position:absolute;z-index:3;right:20px;bottom:20px;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#008f4c;color:#fff;font-size:13px;font-weight:500;box-shadow:0 10px 26px color-mix(in srgb,var(--tkpc-accent) 22%,transparent);transition:.22s ease}
.tkpc-card:hover .tkpc-card__arrow{transform:translate(2px,-2px);background:var(--tkpc-accent)}
@media(max-width:1024px){.tkpc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tkpc__header{align-items:flex-start}.tkpc__title{font-size:40px}}
@media(max-width:767px){
  .tkpc{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important}
  .tkpc__inner{width:100%!important;max-width:100%!important}
  .tkpc__header{display:grid;grid-template-columns:1fr;gap:18px}
  .tkpc__view-all{justify-self:start}
  .tkpc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
  .tkpc-card{min-height:190px;padding:18px 16px;border-radius:20px}
  .tkpc-card__icon{width:50px;height:50px;flex-basis:50px;border-radius:15px;font-size:18px}
  .tkpc-card__count{min-height:27px;padding-inline:8px;font-size:10px}
  .tkpc-card__body{padding-top:22px;padding-right:0;padding-bottom:36px}
  .tkpc-card__title{font-size:18px}
  .tkpc-card__desc{font-size:12px}
  .tkpc-card__arrow{right:14px;bottom:14px;width:34px;height:34px}
}
@media(max-width:420px){.tkpc__grid{grid-template-columns:1fr}.tkpc-card{min-height:178px}.tkpc-card__body{padding-right:52px;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.tkpc-card,.tkpc-card:after,.tkpc-card__art,.tkpc-card__icon,.tkpc-card__arrow,.tkpc__view-all{transition:none!important}}

/* v3.13 — photo glass cards + mobile swipe carousel */
.tkpc{--tkpc-mobile-slide-width:88%}
.tkpc-card__art{z-index:0;opacity:.72;filter:saturate(.95) contrast(1.02);transform:scale(1.025)}
.tkpc-card__overlay{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,35,26,.18),rgba(5,35,26,.62));-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
.tkpc-card--image{background:rgba(6,36,27,.26);border-color:rgba(255,255,255,.26);box-shadow:0 18px 48px rgba(4,30,22,.15)}
.tkpc-card--image:hover{background:rgba(6,36,27,.18);border-color:rgba(255,255,255,.50);box-shadow:0 28px 68px rgba(4,30,22,.22)}
.tkpc-card--image .tkpc-card__title{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.26)}
.tkpc-card--image .tkpc-card__desc{color:rgba(255,255,255,.86);text-shadow:0 1px 8px rgba(0,0,0,.18)}
.tkpc-card--image .tkpc-card__count{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.tkpc-card--image .tkpc-card__icon{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tkpc-card--image:hover .tkpc-card__icon{background:var(--tkpc-accent);border-color:rgba(255,255,255,.55)}
.tkpc-card--image .tkpc-card__arrow{border:1px solid rgba(255,255,255,.35);background:rgba(0,143,76,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tkpc-card:hover .tkpc-card__art{opacity:.82;transform:scale(1.085)}

.tkpc__slider-nav{display:none}
.tkpc__slider-arrow{appearance:none;width:42px;height:42px;flex:0 0 42px;padding:0;display:grid;place-items:center;border:1px solid rgba(0,143,76,.16);border-radius:50%!important;background:rgba(255,255,255,.86);color:#08734d;box-shadow:0 10px 26px rgba(8,50,35,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.tkpc__slider-arrow svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:auto}
.tkpc__slider-arrow:hover{background:#008f4c;color:#fff;box-shadow:0 12px 30px rgba(0,143,76,.20);transform:translateY(-1px)}
.tkpc__slider-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none}
.tkpc__slider-pagination{min-width:80px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
.tkpc__slider-dot{appearance:none;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;flex:0 0 8px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#bfd1c9!important;box-shadow:none!important;cursor:pointer;transition:transform .2s ease,background .2s ease}
.tkpc__slider-dot.is-active{background:#008f4c!important;transform:scale(1.25)}

@media(max-width:767px){
  .tkpc--mobile-slider .tkpc__grid{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 18px;margin-right:-15px;padding-right:15px}
  .tkpc--mobile-slider .tkpc__grid::-webkit-scrollbar{display:none}
  .tkpc--mobile-slider .tkpc-card{flex:0 0 var(--tkpc-mobile-slide-width)!important;width:var(--tkpc-mobile-slide-width)!important;max-width:var(--tkpc-mobile-slide-width)!important;scroll-snap-align:start;scroll-snap-stop:always;min-height:220px}
  .tkpc--mobile-slider .tkpc__slider-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px;padding-top:2px}
  .tkpc-card--image .tkpc-card__body{padding-right:44px}
}

@media(max-width:420px){
  .tkpc--mobile-slider .tkpc__grid{display:flex!important}
  .tkpc--mobile-slider .tkpc-card{flex-basis:var(--tkpc-mobile-slide-width)!important;width:var(--tkpc-mobile-slide-width)!important;max-width:var(--tkpc-mobile-slide-width)!important;min-height:210px}
}

/* v3.13.1 — mobile white section + sharp card imagery */
.tkpc-card__art{
  background-repeat:no-repeat;
  background-size:cover;
  image-rendering:auto;
  filter:none!important;
  opacity:1;
}
.tkpc-card__overlay{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:linear-gradient(180deg,rgba(4,28,21,.08) 0%,rgba(4,28,21,.58) 100%);
}
.tkpc-card--image{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.tkpc-card--image:hover .tkpc-card__art{
  filter:none!important;
}

@media(max-width:767px){
  /* Keep the category section completely clean on phones. */
  .tkpc{
    background:#fff!important;
    background-image:none!important;
  }
  .tkpc__ambient,
  .tkpc:after{
    display:none!important;
    content:none!important;
  }
  /* Do not soften the photo underneath the glass treatment. */
  .tkpc-card__art{
    opacity:1!important;
    filter:none!important;
    transform:scale(1.001)!important;
    background-size:cover!important;
    background-position:center center;
  }
  .tkpc-card:hover .tkpc-card__art{
    opacity:1!important;
    transform:scale(1.045)!important;
  }
  .tkpc-card__overlay{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}