/* KWTListing landing page theme (Metro UI compatible) */
:root{
  --kwt-bg:#F5F7FA;
  --kwt-card:#F5F7FA;
  --kwt-text:#0F172A;
  --kwt-muted:rgba(15,23,42,.62);
  --kwt-line:rgba(15,23,42,.10);
  --kwt-gray:#14C6CB;
  --kwt-dark:#0F172A;
  --kwt-darkblue:#230078;
  --kwt-blue:#0033CC;
  --kwt-primary:#4285F4;
  --kwt-warning:#F59E0B;
  --kwt-success: #16A34A;
  --kwt-radius:18px;
  --kwt-shadow:0 18px 50px rgba(15,23,42,.10);
  --kwt-success-hover:#16A34A;
  --kwt-primary-hover:#4285F4;
  --bg-gradient-1:linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2));
  --bg-gradient-2:linear-gradient(135deg, rgba(245,247,250,.1), rgba(66,133,244,.05));
  --bg-gradient-3:linear-gradient(135deg, rgba(245,158,11,.2), rgba(66,133,244,.2));
  --bg-gradient-4:linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2));
  --bg-gradient-5:linear-gradient(135deg, rgba(245,158,11,.2), rgba(245,158,11,.2));
  --bg-gradient-6:linear-gradient(135deg, rgba(245,158,11,.2), rgba(245,158,11,.2));
  --bg-gradient-7:linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2));
  --bg-gradient-8:linear-gradient(135deg, rgba(245,158,11,.2), rgba(66,133,244,.2)); 
}

*{box-sizing:border-box}
html,body{height:100%;}
html{
  /*
    Responsive typography baseline:
    - Avoid vw-based font sizing (it breaks on very large screens).
    - Keep text comfortable from mobile ? big desktop with clamp().
  */
  font-size: clamp(15px, 0.35vw + 14px, 18px);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
}
body{
  margin:0;
  background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(34,199,207,0.1));
  color:var(--kwt-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:0.85rem;
  line-height:1.3rem;
  font-weight:400;
  font-style:normal;
  font-variant:normal;
  font-optical-sizing:auto;
  font-kerning:auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  /* overflow-x: clip; */
}

/* Safari fallback (clip not fully supported everywhere) */
@supports not (overflow: clip){
  html, body{ overflow-x:hidden; }
}

body.kwt-noScroll{
  overflow:hidden;
  touch-action:none;
}
a,a:hover,a:focus,a:active{
  text-decoration:none;
  color:inherit;
}
/*button btn-outline light small*/

.button{
  border-radius: 32px !important;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .15em !important;
  line-height: 0.55 !important;
}
.button:hover{ filter:opacity(0.9) !important;}

.button.primary, .primary{ background:var(--kwt-primary) !important; color:#F5F7FA !important;}
.button.primary-outline, .primary-outline{ background:transparent !important; color:var(--kwt-primary) !important; border:1px solid var(--kwt-primary) !important;}
.button.warning, .warning{ background:var(--kwt-warning) !important; color:#F5F7FA !important;}
.button.light, .light{ background:rgba(0,0,0,.04) !important; color:var(--kwt-text) !important;}
.button.dark, .dark{ background:var(--kwt-darkblue) !important; color:#F5F7FA !important;}
.button.success, .success, .btn .success{ background:var(--kwt-success) !important; color:#F5F7FA !important;}
.button.blue, .blue{ background:var(--kwt-blue) !important; color:#F5F7FA !important;}
.button.gray, .gray{ background:var(--kwt-gray) !important; color:#FFFFFF !important;}

.button.gray-shade, .gray-shade{ background:linear-gradient(145deg, #1C9393, #156B6B) !important; color:#FFFFFF !important;}
.button.gold-shade, .gold-shade{ background:linear-gradient(145deg, #1C9393, #DC2626) !important; color:#FFFFFF !important;}


.button.success:hover{ background:var(--kwt-success-hover) !important;}
.button.primary:hover,.primary:hover{ background:#230078 !important;}
.button.gray:hover,.gray:hover{ background:#1C9393 !important;}
.button.blue:hover,.blue:hover{ background:#4285F4 !important;}



.button.xs{ font-size:0.65rem !important; padding:0px 10px !important;}
.button.sm{ font-size:0.75rem !important; padding:4px 8px !important;}
.button.md{ font-size:1rem !important; padding:21px 14px !important;}
.button.lg{ font-size:1.0625rem !important; padding:24px 14px !important;}
.button.xl{ font-size:1.125rem !important; padding:26px 18px !important;}

.xs { font-size:0.65rem !important;}
.sm { font-size:0.75rem !important;}
.md { font-size:0.85rem !important;}
.lg { font-size:1rem !important;}
.xl { font-size:1.3rem !important;}

.normal { font-weight:400 !important;}
.bold { font-weight:600 !important;}
.bolder { font-weight:700 !important;}

.text-#0F172A { color:rgba(15,23,42,.70) !important;}
.text-dark { color:var(--kwt-text) !important;}
.text-primary { color:var(--kwt-primary) !important;}
.text-warning { color:var(--kwt-warning) !important;}
.text-light { color:#F5F7FA !important;}
.text-danger { color:rgba(245,158,11,.96) !important;}
.text-info { color:rgba(66,133,244,.95) !important;}
.text-success { color:#16A34A !important; }
.text-darkgray { color:rgba(15,23,42,.80) !important;}
.text-gray { color:rgba(15,23,42,.2) !important;}
.text-muted { color:var(--kwt-muted) !important;}
.text-center { text-align:center !important;}
.text-right { text-align:right !important;}
.text-left { text-align:left !important;}


.bg-success { background:var(--kwt-success) !important; color:#F5F7FA !important;}
.bg-warning { background:var(--kwt-warning) !important; color:#F5F7FA !important;}
.bg-primary { background:var(--kwt-primary) !important; color:#F5F7FA !important;}
.bg-danger { background:rgba(245,158,11,.96) !important; color:#F5F7FA !important;}
.bg-info { background:rgba(66,133,244,.95) !important; color:#F5F7FA !important;}
.bg-dark { background:rgba(15,23,42,.70) !important; color:#F5F7FA !important;}
.bg-darkblue { background:rgba(15,23,42,1) !important; color:#F5F7FA !important;}
.bg-light { background:rgba(245,247,250,.70) !important; color:var(--kwt-text) !important;}
.bg-lighter { background:rgba(15,23,42,.08) !important; color:var(--kwt-text) !important;}

.bg-gray { background:rgba(15,23,42,.2) !important; color:var(--kwt-text) !important;}
.bg-muted { background:var(--kwt-muted) !important; color:var(--kwt-text) !important;}
.bg-darkgray { background:rgba(15,23,42,.70) !important; color:var(--kwt-text) !important;}
.bg-lightgray { background:rgba(15,23,42,.2) !important; color:var(--kwt-text) !important;}
.bg-#F5F7FA { background:#F5F7FA !important; color:var(--kwt-text) !important;}
.bg-transparent { background:transparent !important; color:var(--kwt-text) !important;}
.bg-inherit { background:inherit !important; color:var(--kwt-text) !important;}
.bg-inherit { background:inherit !important; color:var(--kwt-text) !important;}


.bg-gradient-1{ background:linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2)) !important;}
.bg-gradient-2{ background:linear-gradient(135deg, rgba(245,247,250,.1), rgba(66,133,244,.05)) !important;}
.bg-gradient-3{ background:linear-gradient(135deg, rgba(245,158,11,.2), rgba(66,133,244,.2)) !important;}
.bg-gradient-4{ background:linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2)) !important;}
.bg-gradient-5{ background:linear-gradient(135deg, rgba(245,158,11,.2), rgba(245,158,11,.2)) !important;}
.bg-gradient-6{ background:linear-gradient(135deg, rgba(245,158,11,.2), rgba(245,158,11,.2)) !important;}
.bg-gradient-7{ background:linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2)) !important;}
.bg-gradient-8{ background:linear-gradient(135deg, rgba(245,158,11,.2), rgba(66,133,244,.2)) !important;}

/* Normalize icon-font spacing (Metro mif + Tabler ti). */
.ti,
[class^="mif-"],
[class*=" mif-"]{
  line-height: 1;
}

.ti::before,
[class^="mif-"]::before,
[class*=" mif-"]::before{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

h1, h2{
  font-weight:500;
  letter-spacing: -1px;
  color:#0F172A;
}
h3, h4, h5, h6{
  letter-spacing: 0px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
  color:#14C6CB;
}
h1{font-size:1.5rem;}
h2{font-size:1.25rem;}
h3{font-size:1rem;}
h4{font-size:0.95rem;}
h5{font-size:0.85rem;}
h6{font-size:0.75rem;}


main {
  padding:0px 0 30px 0; width: 100%; max-width: 100%;
  margin:0 auto;
}
/* Layout shell */
.kwt-shell{
  width:min(1440px, calc(100% - 28px));
  margin:0 auto;
  border-radius:18px;
  box-shadow:0 8px 16px rgba(15,23,42,.02);
  margin-bottom: 20px;
  padding:0px;
  
}


/* App bar */
.kwt-appbar{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,0);
  
  border-bottom:0px solid var(--kwt-line);
  width:100%;
  max-width:100%;
}
.kwt-appbar .kwt-shell{
  background:rgba(255,255,255,0.8);
  backdrop-filter: blur(12px);
  height:75px;
  display:flex;
  border-radius:0 0 18px 18px;
  align-items:center;
  gap:16px;
}

/* Custom tooltip (replaces basic browser title hint) */
.kwt-tooltip{
  position:fixed; display:none;
  left:0;
  top:0;
  z-index:9999;
  max-width:auto;
  padding:1px 8px;
  border-radius:32px;
  background:rgba(255,255,255,.09);
  color:#000;
  font-size:.45rem;
  line-height:0.9rem;
  font-weight:300;
  pointer-events:none;
  opacity:0;
  transform:none;
  transition: all 0.15s ease;
}
.kwt-tooltip.is-visible{
  opacity:1;
  transform:none;
}
.kwt-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
  min-width:max-content;
}
.kwt-brand img{width:180px; height:auto;}
.kwt-brand__mark{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--kwt-primary),#14C6CB);
  color:#F5F7FA;
  font-weight:900;
}
.kwt-brand__name{font-weight:900;letter-spacing:.2px}
.kwt-brand__tag{
  font-size:12px;
  color:var(--kwt-muted);
  border:1px solid var(--kwt-line);
  padding:2px 8px;
  border-radius:999px;
}
.kwt-nav{
  flex:1;
  display:flex;
  justify-content:center;
  gap:0px;
}
.kwt-nav__link{
  padding:8px;
  border-radius:12px;
  text-decoration:none;
  color:#0F172A;
  font-weight:600;
  font-size:0.75rem;
  letter-spacing: -0.3px;
}
.kwt-nav__link:hover{
  color:#14C6CB;
}
.kwt-actions{
  display:flex;
  gap:4px;
  align-items:center;
  margin-left:auto;
}
.kwt-menuBtn{display:none}

/* Hero */
.kwt-hero{
  padding:10px; background:linear-gradient(145deg, rgba(20,198,203,.05), rgba(20,198,203,1)); 
  border-radius:18px; border: 0px solid rgba(15,23,42,.10);
}
.kwt-heroRow{
  margin:0 auto;
}
.kwt-heroRow{
  align-items: stretch;
}
.kwt-heroRow > [class*="cell-"]{
  padding-left:0;
  padding-right:0;
}
.kwt-hero__left{padding-right:0px}
.kwt-hero__right{padding-left:0px}
.kwt-hero__left,
.kwt-hero__right{
  min-width:0;
}





/* Equal-height hero columns (desktop) */
@media (min-width: 981px){
  .kwt-heroRow{
    display:flex;
    align-items:stretch;
  }
  .kwt-hero__left,
  .kwt-hero__right{
    display:flex;
    flex-direction:column;
  }
  /* Keep the search at the bottom, let slider grow to match right column */
  .kwt-slider{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:320px;
  }
  .kwt-slider .slides{
    flex:1 1 auto;
    height:100%;
  }
  .kwt-slide{
    height:100%;
    min-height:320px;
  }
}
.kwt-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(66,133,244,.22);
  background:rgba(66,133,244,.08);
  color:rgba(66,133,244,.92);
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
}
.kwt-pill--onMedia{
  border-color:rgba(245,247,250,.28);
  background:rgba(245,247,250,.14);
  color:rgba(245,247,250,.92);
}
.kwt-h1{
  margin:12px 0 8px;
  font-size: clamp(30px, 2.2vw, 44px);
  line-height:1.05;
  letter-spacing:-.02em;
}
.kwt-h1--onMedia{
  color:#F5F7FA;
  text-shadow:0 14px 50px rgba(15,23,42,.45);
}
.kwt-lead{
  margin:0 0 14px;
  color:rgba(15,23,42,.72);
  font-size: clamp(0.95rem, 0.25vw + 0.9rem, 1.1rem);
  max-width:70ch;
}
.kwt-lead--onMedia{
  color:rgba(245,247,250,.85);
  text-shadow:0 12px 40px rgba(15,23,42,.35);
  max-width:62ch;
}

/* Hero slider */
.kwt-slider{
  border-radius:var(--kwt-radius);
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:var(--kwt-shadow);
  background:linear-gradient(135deg, rgba(66,133,244,.10), rgba(20,198,203,.10));
  margin-bottom:12px;
}

/* Metro UI carousel: modern smaller arrows + bullets */
.kwt-slider.carousel .carousel-switch,
.kwt-slider.carousel .carousel-switch-next,
.kwt-slider.carousel .carousel-switch-prev,
.kwt-slider.carousel .carousel-control,
.kwt-slider.carousel .carousel-control-next,
.kwt-slider.carousel .carousel-control-prev{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  background:rgba(245,247,250,.72) !important;
  border:1px solid rgba(15,23,42,.12) !important;
  backdrop-filter: blur(10px);
  box-shadow:0 10px 26px rgba(15,23,42,.14) !important;
  color:rgba(15,23,42,.82) !important;
  transition:transform .15s ease, filter .15s ease, opacity .15s ease;
  opacity:.95;
}
.kwt-slider.carousel .carousel-switch:hover,
.kwt-slider.carousel .carousel-switch-next:hover,
.kwt-slider.carousel .carousel-switch-prev:hover,
.kwt-slider.carousel .carousel-control:hover,
.kwt-slider.carousel .carousel-control-next:hover,
.kwt-slider.carousel .carousel-control-prev:hover{
  transform: translateY(-1px);
  filter:brightness(1.02);
}
.kwt-slider.carousel .carousel-switch::before,
.kwt-slider.carousel .carousel-switch-next::before,
.kwt-slider.carousel .carousel-switch-prev::before,
.kwt-slider.carousel .carousel-control::before,
.kwt-slider.carousel .carousel-control-next::before,
.kwt-slider.carousel .carousel-control-prev::before{
  font-size:16px !important;
  line-height:1 !important;
}

/* Bullets / dots */
.kwt-slider.carousel .carousel-bullets,
.kwt-slider.carousel .carousel-bullet,
.kwt-slider.carousel .bullet{
  bottom:10px !important;
}
.kwt-slider.carousel .carousel-bullets > li,
.kwt-slider.carousel .carousel-bullets > button,
.kwt-slider.carousel .carousel-bullets > a{
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:rgba(245,247,250,.55) !important;
  border:1px solid rgba(15,23,42,.18) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.12);
  margin:0 4px !important;
}
.kwt-slider.carousel .carousel-bullets .active,
.kwt-slider.carousel .carousel-bullets > .current,
.kwt-slider.carousel .carousel-bullets > li.active,
.kwt-slider.carousel .carousel-bullets > button.active,
.kwt-slider.carousel .carousel-bullets > a.active{
  background:rgba(245,247,250,.92) !important;
  transform:scale(1.15);
}

@media (max-width: 560px){
  .kwt-slider.carousel .carousel-switch,
  .kwt-slider.carousel .carousel-switch-next,
  .kwt-slider.carousel .carousel-switch-prev,
  .kwt-slider.carousel .carousel-control,
  .kwt-slider.carousel .carousel-control-next,
  .kwt-slider.carousel .carousel-control-prev{
    width:34px !important;
    height:34px !important;
    border-radius:13px !important;
  }
}

@media (max-width: 767.98px){
  .kwt-slider.carousel .carousel-switch,
  .kwt-slider.carousel .carousel-switch-next,
  .kwt-slider.carousel .carousel-switch-prev,
  .kwt-slider.carousel .carousel-control,
  .kwt-slider.carousel .carousel-control-next,
  .kwt-slider.carousel .carousel-control-prev{
    display:none !important;
  }

  .kwt-slider.carousel .slides,
  .kwt-slider.carousel .slide{
    touch-action:pan-y;
  }
}
.kwt-slide{
  position:relative;
  height:100% !important;
}
.kwt-slide__img{
  width:100%;
  /*
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.04) contrast(1.04);
  */
}
.kwt-slide::after{
  content:"";
  position:absolute;
  inset:0;
  /*
  background:
    radial-gradient(900px 420px at 22% 30%, rgba(15,23,42,.08), transparent 60%),
    linear-gradient(90deg, rgba(15,23,42,.58), rgba(15,23,42,.14) 55%, rgba(15,23,42,.04));
  */
  pointer-events:none;
}
.kwt-slide__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  padding:8rem 3rem 3rem 4rem;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.kwt-slide__title{
  margin:0;
  font-size:var(--kwt-slide-title-desktop, 42px);
  color:var(--kwt-slide-title-color, #F5F7FA);
  line-height:1.06;
  letter-spacing:-.05em;
  text-shadow:0 14px 50px rgba(15,23,42,.45);
  max-width:400px;
  font-weight:600;
  font-family:'Poppins', sans-serif;
}
.kwt-slide__subtitle{
  margin:0;
  font-size:var(--kwt-slide-sub-desktop, 18px);
  line-height:1.45;
  color:var(--kwt-slide-sub-color, rgba(245,247,250,.88));
  text-shadow:0 12px 40px rgba(15,23,42,.35);
  max-width:370px;
  font-family:'Poppins', sans-serif;
}
.kwt-slide__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px}
.kwt-sliderMobile{display:none;margin-bottom:12px}
.kwt-sliderMobile__track{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:6px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.kwt-sliderMobile__track::-webkit-scrollbar{height:6px}
.kwt-sliderMobile__track::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:999px}
.kwt-sliderMobile__item{
  min-width:min(88vw, 640px);
  flex:0 0 min(88vw, 640px);
  scroll-snap-align:start;
}
.kwt-sliderMobile .kwt-slide{
  min-height:300px;
  border-radius:var(--kwt-radius);
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:var(--kwt-shadow);
}
@media (max-width: 767.98px){
  .kwt-sliderMobile{display:block}
}

/*
.kwt-search{
  grid-template-columns: 1fr 190px auto;
  gap:10px;
  background:rgba(245,247,250,1);
  border:1px solid var(--kwt-line);
  padding:8px 10px;
  box-shadow:var(--kwt-shadow);
  border-radius: 32px;

}

input:not(.kwt-inboxMessenger__input):not(.kwt-authField__input):not(.kwt-authModal__otpCell):not(.kwt-authCountry__searchInput),
textarea:not(.kwt-inboxMessenger__input){
  width:100% !important;
  height:42px !important;
  border-radius:32px !important;
  border:1px solid var(--kwt-line) !important;
  background:#0F172A;
  padding:0 12px;
  outline:none;
}

input[type='text'], input[type='search'], .kwt-search__select{
  width:100% !important;
  height:42px !important;
  border-radius:32px !important;
  border:1px solid var(--kwt-line) !important;
  background:#F5F7FA;
  padding:0 16px;
  outline:none;
}
input[type='text']:focus, input[type='search']:focus,
.kwt-search__input:focus,
.kwt-search__select:focus{
  border-color:rgba(66,133,244,.55) !important;
  box-shadow:0 0 3px 4px rgba(66,133,244,.10) !important;
}
.kwt-search__btn{height:42px;border-radius:14px!important}

.kwt-search .select,
.kwt-search .input,
.kwt-search .input-control,
.kwt-search .select-input,
.kwt-search .select-toggle,
.kwt-search .select-box{
  height:42px !important;
  border-radius:32px !important;
}
.kwt-search .select-input{
  padding-left:16px !important;
  padding-right:42px !important;
}
*/
.kwt-search .select-toggle{
  width:42px !important;
}
.kwt-search .select-box{
  border:1px solid var(--kwt-line) !important;
  box-shadow:var(--kwt-shadow) !important;
}

.kwt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.kwt-chip{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--kwt-line);
  background:rgba(245,247,250,.65);
  text-decoration:none;
  color:rgba(15,23,42,.70);
  font-weight:700;
  font-size:12px;
}
.kwt-chip:hover{background:#F5F7FA}

.kwt-metrics{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:20px auto;
}
.kwt-metric{
  background:linear-gradient(135deg, rgba(245,247,250,.65), rgba(245,247,250,.45));
  border:1px solid #F5F7FA;
  border-radius:var(--kwt-radius);
  padding:16px 12px 6px 12px;
}
.kwt-metric__num{font-weight:700;font-size:18px; color:#230078;}
.kwt-metric__label{color:#230078;font-size:12px}

/* Cards */
.kwt-card{
  background:rgba(245,247,250,.74);
  border:1px solid var(--kwt-line);
  border-radius:var(--kwt-radius);
  box-shadow:var(--kwt-shadow);
  padding:10px;
}
.kwt-card__title{font-weight:700;margin-bottom:10px; font-size:1.05rem;}
.kwt-note{margin-top:12px; text-align: center;}
.kwt-note__row{display:block; text-align: center; gap:10px;align-items:flex-center;margin:10px 0; background:rgba(245,247,250,.45); border-radius:var(--kwt-radius); padding:10px;}

.kwt-note p {margin:0; font-size:0.65rem; line-height: 1.5;  }
.kwt-note b { font-weight: 500; font-size: 0.85rem;}  
.muted{ color:var(--kwt-muted) !important;}

.kwt-quick{display:grid;gap:10px}
.kwt-quick__item{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(245,247,250,.72);
  text-decoration:none;
  color:inherit;
}
.kwt-quick__item:hover{filter:brightness(0.99)}
.kwt-quick p {margin:0; font-size:0.65rem; line-height: .9rem;  }
.kwt-quick b { font-weight: 500; font-size: 0.85rem;}

.kwt-quick__icon{
  width:38px;height:38px;border-radius:14px;
  display:grid;place-items:center;
  background:rgba(66,133,244,.10);
  color:rgba(66,133,244,.95);
  font-size:18px;
}

/* Sponsored (paid) hero card */
.kwt-sponsored{
  position:relative;
  overflow:hidden;
}
.kwt-sponsored__badge{
  position:absolute;
  top:6%;
  left:4%;
  z-index:2;
  padding:1px 6px !important;
  border-radius:999px;
  background:rgba(245,158,11,0);
  border:1px solid rgba(20,198,203,0.3);
  color:rgba(20,198,203,0.5);
  font-weight:600;
  font-size:0.45rem !important; line-height:1.5;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 14px 30px rgba(245,158,11,.28);
}
.kwt-sponsored__media{
  display:block;
  position:relative;
  border-radius:0px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(15,23,42,.04);
}
.kwt-sponsored__catBadge{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  max-width:calc(100% - 24px);
  padding:3px 8px;
  border-radius:8px;
  background:rgba(15,23,42,.78);
  color:#F5F7FA;
  font-weight:600;
  font-size:0.58rem;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.kwt-sponsored__media img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
}
.kwt-sponsored__body{padding:12px}
.kwt-sponsored__title{
  font-weight:700;
  line-height:1.25;
}
.kwt-sponsored__meta{
  margin-top:6px;
  color:var(--kwt-muted);
  font-size:0.65rem;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.kwt-sponsored__price{
  margin-top:10px;
  font-weight:700;
  font-size:1rem;
  line-height:1.3;
  color:#0F172A !important;
  display:block;
}
.kwt-sponsored__cta{
  margin-top:8px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.kwt-sponsored__cta .button{ font-size:0.65rem !important; padding:0px 10px !important; line-height: 0.55 !important;}
/* Sections */
.kwt-section{padding:18px 0}
.kwt-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.kwt-h2{margin:0;font-size: clamp(1.15rem, 0.5vw + 1.05rem, 1.5rem);letter-spacing:-.01em}
.kwt-link{text-decoration:none;color:rgba(66,133,244,.95);font-weight:800}
.kwt-link:hover{text-decoration:underline}
.kwt-muted{color:var(--kwt-muted); font-size:0.75rem !important; display: block !important;}
.kwt-dot{opacity:.55}

/* Categories */
.kwt-cats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
}
.kwt-cat{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:14px 6px;
  border-radius:32px;
  border:1px solid var(--kwt-line);
  text-decoration:none;
  color:inherit;
  font-weight:500;
  text-align:center;
}
.kwt-cat__icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:grid;
  place-items:center;
  border:0px solid var(--kwt-line);
  background:rgba(66,133,244,.02);
  color:#4285F4;
  font-size:2rem;
  line-height:1;
  font-weight: 400 !important;
}
.kwt-cat__iconImg{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
  display:block;
}
.kwt-cat__icon--image{
  width:96px;
  height:96px;
  border-radius:24px;
}
.kwt-cat__name{
  font-size:0.65rem;
  line-height:1.8;
  color:var(--kwt-dark);
}
.kwt-cat:hover{background:rgba(66,133,244,.02);}

/* Temu-style horizontal scroller */
.kwt-cats--scroll{
  display:flex;
  gap:6px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:4px 2px 10px;
  position:relative;

  /* Hide scrollbar but keep scroll */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge (legacy) */
}
.kwt-cats--scroll::-webkit-scrollbar{display:none} /* WebKit */
.kwt-cats--scroll .kwt-cat{
  flex:0 0 auto;
  width:clamp(118px, 10.5vw, 150px);
  scroll-snap-align:start;
}

/* Visual indicator that it's scrollable (edge fade) */
.kwt-cats--scroll::before,
.kwt-cats--scroll::after{
  content:"";
  position:sticky;
  top:0;
  width:22px;
  height:100%;
  flex:0 0 22px;
  pointer-events:none;
  z-index:2;
}
.kwt-cats--scroll::before{
  left:0;
  background:linear-gradient(90deg, rgba(245,247,250,1), rgba(245,247,250,0));
}
.kwt-cats--scroll::after{
  right:0;
  background:linear-gradient(270deg, rgba(245,247,250,1), rgba(245,247,250,0));
}

/* Posts grid */
.kwt-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
}
.kwt-post{
  background:rgba(245,247,250,.78);
  border:1px solid var(--kwt-line);
  border-radius:var(--kwt-radius);
  overflow:hidden;
  box-shadow:var(--kwt-shadow);
}
.kwt-post__media{
  position:relative;
  display:block;
  aspect-ratio: 4 / 3;
  overflow:hidden;
}
.kwt-post__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
}
.kwt-post__badge{
  position:absolute;
  top:10px;left:30%;
  z-index:2;
  padding:2px 10px !important; line-height:1 !important;
  border-radius:999px;
  background:rgba(245,158,11,.96);
  color:#000;
  font-weight:500;
  font-size:0.55rem;
  letter-spacing:0;
  box-shadow:0 14px 30px rgba(245,158,11,.28);
}

.post-badge{
  position:absolute;
  top:10px;left:10px;
  z-index:2;
  padding:2px 6px !important; line-height:1 !important;
  border-radius:999px;
  background:rgba(0,0,0,0.6);
  color:#F5F7FA;
  font-weight:400;
  font-size:0.55rem !important;
  letter-spacing:0 !important;
  box-shadow:0 14px 30px rgba(245,158,11,.28);
}


.kwt-post__body{padding:12px;}
.kwt-post__title{font-weight:600;line-height:1.35; font-size:0.75rem;}
.kwt-post__title a{text-decoration:none;color:inherit}
.kwt-post__meta{margin-top:6px;color:var(--kwt-muted);font-size:0.65rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kwt-tag{
  display:inline-flex;
  padding:0px 8px !important;
  border-radius:999px;
  border:1px solid var(--kwt-line);
  background:rgba(15,23,42,.01);
  color:rgba(15,23,42,0.7);
  font-weight:500;
  font-size:0.65rem;
}
.kwt-post__price{margin-top:8px;font-weight:600;font-size:0.85rem;}
.price{font-weight:600;font-size:0.85rem;}

.kwt-post__actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap; font-size:0.65rem;}

/* Homepage #featured: equal-height cards, title clamp, category on image */
#featured .kwt-grid{align-items:stretch;}
#featured .kwt-post{
  display:flex;
  flex-direction:column;
  height:100%;
}
#featured .kwt-post__mainLink{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color:transparent;
}
#featured .kwt-post__mainLink:focus-visible{
  outline:2px solid var(--kwt-primary);
  outline-offset:2px;
}
#featured .kwt-post__mainLink:hover .kwt-post__title{
  color:var(--kwt-primary);
}
#featured .kwt-post__media{flex-shrink:0;}
#featured .kwt-post__catBadge{
  position:absolute;
  top:8px;
  left:8px;
  z-index:2;
  max-width:calc(100% - 16px);
  padding:4px 9px;
  border-radius:8px;
  background:rgba(15,23,42,.78);
  color:#F5F7FA;
  font-weight:600;
  font-size:0.58rem;
  line-height:1.2;
  letter-spacing:0.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 4px 14px rgba(15,23,42,.2);
  pointer-events:none;
}
#featured .kwt-post__body{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:12px;
}
#featured .kwt-post__title--clamp{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.35;
  word-break:break-word;
  font-weight:600;
  font-size:0.85rem;
}
#featured .kwt-post__meta{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:10px;
  row-gap:6px;
}
#featured .kwt-post__metaLeft{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  color:var(--kwt-muted);
  font-size:0.65rem;
  min-width:0;
}
#featured .kwt-post__metaPrice{
  font-weight:700;
  font-size:0.85rem;
  white-space:nowrap;
  flex-shrink:0;
}
#featured .kwt-post__actions{
  margin-top:8px;
  padding:0 12px 12px;
}
.kwt-list{
  background:rgba(245,247,250,.70);
  border:1px solid var(--kwt-line);
  border-radius:var(--kwt-radius);
  overflow:hidden;
}
.kwt-row{
  display:block;
  padding:12px 14px;
  border-top:1px solid rgba(15,23,42,.08);
  text-decoration:none;
  color:inherit;
}
.kwt-row:first-child{border-top:0}
.kwt-row:hover{background:#F5F7FA}
.kwt-row__title{font-weight:700; font-size:0.85rem !important; line-height: 1.25rem !important;}
.kwt-row__meta{margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:0.75rem;color:var(--kwt-muted)}
.kwt-row__price{margin-top:6px;font-weight:700; font-size:0.85rem !important; line-height: 1.25rem !important;}


/* Home � How it works */
.kwt-how{
  position: relative;
  margin: 28px 0 8px;
  padding: clamp(28px, 4vw, 48px) 16px clamp(36px, 5vw, 56px);
  overflow: hidden;
}
.kwt-how__bg{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 80% at 15% 0%, rgba(66,133,244,0.14) 0%, transparent 55%),
    radial-gradient(90% 70% at 100% 30%, rgba(22,163,74,0.10) 0%, transparent 50%),
    linear-gradient(180deg, #F5F7FA 0%, #F5F7FA 45%, #F5F7FA 100%);
  pointer-events: none;
  border-radius:25px;
}
.kwt-how__inner{
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.kwt-how__header{ margin-bottom: clamp(20px, 3vw, 32px); }
.kwt-how__eyebrow{
  margin: 0 0 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(66,133,244,0.85);
}
.kwt-how__headerRow{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 24px;
}
.kwt-how__titles{ flex: 1 1 20px; min-width: 0; }
.kwt-how__title{
  margin: 0 0 10px;
  font-size: clamp(1.35rem, 2vw + 0.85rem, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--kwt-dark, #0F172A);
}
.kwt-how__lead{
  margin: 0;
  max-width: 520px;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--kwt-muted, #4285F4);
}
.kwt-how__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}
.kwt-how__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 600;
  border-radius: 12px;
  padding: 6px 12px !important;
  font-size: 0.75rem;
  white-space: nowrap;
}
.kwt-how__cta .ti{ font-size: 1.05rem; opacity: 0.95; }
.kwt-how__cta--ghost{
  background: rgba(245,247,250,0.75);
  border: 1px solid rgba(15,23,42,0.12);
  color: var(--kwt-dark, #0F172A);
}
.kwt-how__cta--ghost:hover{ background: #F5F7FA; border-color: rgba(66,133,244,0.35); color: rgba(66,133,244,0.95); }

.kwt-how__grid{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  counter-reset: kwt-how-step;
}
.kwt-how__item{ margin: 0; padding: 0; position: relative; }
/* connector line between cards (desktop) */
@media (min-width: 901px){
  .kwt-how__item:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 52px;
    left: calc(50% + 28px);
    right: -14px;
    height: 2px;
    background: linear-gradient(90deg, rgba(66,133,244,.22), rgba(66,133,244,.06));
    border-radius: 2px;
    pointer-events: none;
  }
}
.kwt-how__card{
  position: relative;
  height: 100%;
  padding: 22px 18px 20px;
  border-radius: 18px;
  background: rgba(245,247,250,0.92);
  border: 1px solid rgba(15,23,42,0.07);
  box-shadow:
    0 1px 0 rgba(245,247,250,0.9) inset,
    0 12px 36px rgba(15,23,42,0.06);
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease, border-color 0.2s ease;
}
.kwt-how__card:hover{
  transform: translateY(-4px);
  border-color: rgba(66,133,244,0.18);
  box-shadow:
    0 1px 0 rgba(245,247,250,0.95) inset,
    0 20px 48px rgba(66,133,244,0.12);
}
.kwt-how__step{
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: rgba(66,133,244,0.45);
}
.kwt-how__iconWrap{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  background: linear-gradient(145deg, rgba(66,133,244,0.14), rgba(66,133,244,0.05));
  border: 1px solid rgba(66,133,244,0.12);
  color: rgba(66,133,244,0.95);
}
.kwt-how__item:nth-child(2) .kwt-how__iconWrap{
  background: linear-gradient(145deg, rgba(22,163,74,0.16), rgba(22,163,74,0.05));
  border-color: rgba(22,163,74,0.15);
  color: #16A34A;
}
.kwt-how__item:nth-child(3) .kwt-how__iconWrap{
  background: linear-gradient(145deg, rgba(220,38,38,0.14), rgba(220,38,38,0.05));
  border-color: rgba(220,38,38,0.12);
  color: #DC2626;
}
.kwt-how__item:nth-child(4) .kwt-how__iconWrap{
  background: linear-gradient(145deg, rgba(220,38,38,0.12), rgba(220,38,38,0.04));
  border-color: rgba(220,38,38,0.12);
  color: #DC2626;
}
.kwt-how__icon{ font-size: 1.45rem; line-height: 1; }
.kwt-how__cardTitle{
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--kwt-dark, #0F172A);
}
.kwt-how__cardText{
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--kwt-muted, #4285F4);
}
@media (max-width: 900px){
  .kwt-how__grid{ grid-template-columns: repeat(2, 1fr); }
  .kwt-how__headerRow{ flex-direction: column; align-items: stretch; }
  .kwt-how__actions{ justify-content: flex-start; }
}
@media (max-width: 480px){
  .kwt-how__grid{ grid-template-columns: 1fr; }
  .kwt-how__cta{ flex: 1 1 auto; justify-content: center; }
  .kwt-how__actions{ flex-direction: column; }
}

/* Detailed How-It-Works page */
.kwt-hiwPage{
  margin: 16px 0 34px;
}
.kwt-hiwPage__hero{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 22px;
  padding: clamp(24px, 4vw, 44px);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(66,133,244,.14), transparent 55%),
    radial-gradient(90% 80% at 88% 20%, rgba(22,163,74,.12), transparent 52%),
    #F5F7FA;
}
.kwt-hiwPage__heroEyebrow{
  margin: 0 0 8px;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(66,133,244,.9);
}
.kwt-hiwPage__heroTitle{
  margin: 0;
  font-size: clamp(1.4rem, 2vw + 1rem, 2rem);
  line-height: 1.18;
  letter-spacing: -.02em;
}
.kwt-hiwPage__heroLead{
  margin: 10px 0 0;
  max-width: 780px;
  font-size: .92rem;
  color: rgba(15,23,42,.7);
  line-height: 1.6;
}
.kwt-hiwPage__heroActions{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kwt-hiwPage__stats{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.kwt-hiwPage__stat{
  background: rgba(245,247,250,.82);
  border: 1px solid rgba(15,23,42,.09);
  border-radius: 14px;
  padding: 12px;
  text-align: center;
}
.kwt-hiwPage__stat strong{
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
}
.kwt-hiwPage__stat span{
  display: block;
  margin-top: 2px;
  font-size: .72rem;
  color: rgba(15,23,42,.6);
}

.kwt-hiwPage__section{
  margin-top: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background: #F5F7FA;
  border-radius: 18px;
  padding: 18px;
}
.kwt-hiwPage__sectionHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.kwt-hiwPage__sectionHead h2{
  margin: 0;
  font-size: 1.05rem;
}

.kwt-hiwPage__flow{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.kwt-hiwPage__flowCard{
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(245,247,250,.95);
  border-radius: 14px;
  padding: 14px;
}
.kwt-hiwPage__flowTop{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.kwt-hiwPage__flowStep{
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(66,133,244,.12);
  color: #4285F4;
  display: inline-grid;
  place-items: center;
  font-size: .68rem;
  font-weight: 700;
}
.kwt-hiwPage__flowIcon{
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(15,23,42,.05);
  display: inline-grid;
  place-items: center;
  color: rgba(15,23,42,.75);
}
.kwt-hiwPage__flowTitle{
  margin: 0;
  font-size: .9rem;
}
.kwt-hiwPage__flowText{
  margin: 0;
  color: rgba(15,23,42,.66);
  font-size: .78rem;
  line-height: 1.55;
}

.kwt-hiwPage__cols{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.kwt-hiwPage__card{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: rgba(245,247,250,.94);
  padding: 14px;
}
.kwt-hiwPage__card h3{
  margin: 0 0 8px;
  font-size: .92rem;
}
.kwt-hiwPage__checklist{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.kwt-hiwPage__checklist li{
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: .78rem;
  color: rgba(15,23,42,.72);
}
.kwt-hiwPage__checklist .ti{
  margin-top: 2px;
  color: #16A34A;
}

.kwt-hiwPage__faq{
  display: grid;
  gap: 8px;
}
.kwt-hiwPage__faq details{
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 12px;
  background: rgba(245,247,250,.95);
  padding: 10px 12px;
}
.kwt-hiwPage__faq summary{
  cursor: pointer;
  font-size: .82rem;
  font-weight: 600;
}
.kwt-hiwPage__faq p{
  margin: 8px 0 0;
  color: rgba(15,23,42,.68);
  font-size: .78rem;
  line-height: 1.55;
}

@media (max-width: 900px){
  .kwt-hiwPage__stats{ grid-template-columns: 1fr 1fr; }
  .kwt-hiwPage__flow,
  .kwt-hiwPage__cols{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  .kwt-hiwPage__stats{ grid-template-columns: 1fr; }
  .kwt-hiwPage__heroActions .button{ width: 100%; }
}

/* Footer */
.kwt-footer{
  margin:0 auto;
  padding:20px;
  border-top:0px solid #F5F7FA;

}
.kwt-footer__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.kwt-footer__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:6px 18px;
  padding:2px 0 4px;
}
.kwt-footer__social{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding:0 0 12px;
}
.kwt-footer__socialLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  color:rgba(15,23,42,.72);
  text-decoration:none;
  transition:color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
}
.kwt-footer__socialLink .ti{
  font-size:1.05rem;
  line-height:1;
}
.kwt-footer__socialLink:hover{
  color:var(--kwt-primary);
  border-color:rgba(66,133,244,.28);
  transform:translateY(-1px);
}
.kwt-footer__inlineLink{
  position:relative;
  display:inline-flex;
  align-items:center;
  color:rgba(15,23,42,.72);
  font-size:0.78rem;
  font-weight:500;
  line-height:1.2;
  padding:4px 0;
  transition:color .15s ease;
}
.kwt-footer__inlineLink:hover{
  color:var(--kwt-primary);
}
.kwt-footer__inlineLink + .kwt-footer__inlineLink::before{
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(15,23,42,.28);
}
.kwt-footer__meta{
  display:grid;
  gap:2px;
}
.kwt-footer__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:0px;
}
.kwt-footer__brand{font-weight:700;font-size:16px}
.kwt-footer__head{font-weight:700;margin-bottom:8px}
.kwt-footer__link{display:block;text-decoration:none;color:rgba(15,23,42,.4);padding:4px 0;font-weight:400;}
.kwt-footer__link:hover{color:#0F172A;}

/* Bottom bar */
.kwt-bottombar{
  position:fixed;
  left:0;right:0;bottom:0;
  background:var(--bg-gradient-1);
  backdrop-filter: blur(12px);
  border-top:0px solid rgba(15,23,42,.10);
  display:none;
  gap:2px;
  padding:10px 10px calc(10px + env(safe-area-inset-bottom));
  z-index:30;
}
.kwt-bottombar__link{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:rgba(15,23,42,.72);
  font-weight:600;
  font-size:0.65rem;
  padding:8px 4px;
  border-radius:14px;
}
.kwt-bottombar__link span:first-child{font-size:1.3rem;}
.kwt-bottombar__link:hover{background:rgba(15,23,42,.06)}
.kwt-bottombar__link--primary{
  background:linear-gradient(125deg,#14C6CB, #0F172A);
  color:#F5F7FA;
}
.kwt-bottombar__link--primary:hover{color:#F5F7FA;}

/* Dialog helpers */
.kwt-loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kwt-loc{
  border:1px solid var(--kwt-line);
  background:rgba(245,247,250,.85);
  border-radius:14px;
  padding:10px 10px;
  font-weight:900;
  cursor:pointer;
}
.kwt-loc:hover{background:#F5F7FA}

/* Location dialog (map picker) */
.kwt-locDialog{
  padding:0 !important;
}
.kwt-locDialog__search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-bottom:1px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.75);
}
.kwt-locDialog__search .ti{opacity:.75}
.kwt-locDialog__search input{
  flex:1;
  height:42px !important;
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#F5F7FA !important;
}
.kwt-locDialog__gpsBtn{
  height: 42px !important;
  border-radius: 14px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}
.kwt-locDialog__results{
  padding:8px 12px 0;
}
.kwt-locDialog__result{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.70);
  cursor:pointer;
  margin-bottom:8px;
  font-weight:800;
}
.kwt-locDialog__result small{
  display:block;
  margin-top:2px;
  opacity:.7;
  font-weight:600;
}
.kwt-locDialog__mapWrap{
  padding:12px;
}
.kwt-locDialog__hint{
  margin-bottom:8px;
  color:rgba(15,23,42,.68);
  font-weight:700;
}
.kwt-locDialog__status{
  margin-bottom: 8px;
  font-size: .72rem;
  line-height: 1.4;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(245,247,250,.9);
  color: rgba(15,23,42,.78);
}
.kwt-locDialog__status--warn{
  border-color: rgba(245,158,11,.35);
  background: rgba(245,158,11,.10);
  color: #0F172A;
}
.kwt-locDialog__map{
  width:100%;
  height:250px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 18px 50px rgba(15,23,42,.10);
}
.kwt-locDialog__radiusRow{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-top:1px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.72);
  flex-wrap:wrap;
}
.kwt-locDialog__checkLabel{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:900;
  font-size:.86rem;
  cursor:pointer;
  white-space:nowrap;
  margin:0;
}
.kwt-locDialog__checkLabel input[type=checkbox]{
  width:16px;height:16px;
  cursor:pointer;
  accent-color:#3b82f6;
}
.kwt-locDialog__radiusLabel{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:900;
  font-size:.86rem;
  white-space:nowrap;
  margin:0;
}
.kwt-locDialog__radiusLabel input[type=number]{
  width:70px;
  padding:4px 6px;
  border:1px solid rgba(15,23,42,.18);
  border-radius:6px;
  font-size:.88rem;
  text-align:center;
}
.kwt-locDialog__radiusLabel.is-disabled{
  opacity:.4;
  pointer-events:none;
}
.kwt-locDialog__rDivider{
  width:1px;height:22px;
  background:rgba(15,23,42,.14);
  flex-shrink:0;
}
.kwt-locDialog__quick{
  padding:0 12px 12px;
}
.kwt-locDialog__quickTitle{
  font-weight:950;
  margin:8px 0 10px;
}
.kwt-locDialog__actions{
  padding:12px;
  border-top:1px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.72);
}
@media (max-width: 560px){
  .kwt-locDialog__search{flex-wrap:wrap}
  .kwt-locDialog__search input{width:100%}
  .kwt-locDialog__search #kwtLocUseGPS{width:100%}
  .kwt-locDialog__map{height:260px}
  .kwt-locDialog__radiusRow{flex-wrap:wrap}
  .kwt-locDialog__rDivider{display:none}
  .kwt-locDialog__radiusLabel input[type=number]{width:60px}
}

/* Location modal overlay */
.kwt-locModal{
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  z-index:2147483000;
  display:none;
  place-items:center;
  padding:max(9px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left));
  pointer-events:none;
  visibility:hidden;
  opacity:0;
}
.kwt-locModal.kwt-locModal--open{
  display:grid;
  pointer-events:auto;
  visibility:visible;
  opacity:1;
}
.kwt-locModal__backdrop{
  position:absolute;
  inset:0;
  background:#ffffff;
}
.kwt-locModal__dialog,
#locationDialog.kwt-locModal__dialog{
  position:relative;
  z-index:1;
  display:none;
  flex-direction:column;
  width:min(760px, calc(100vw - 18px));
  max-width:760px;
  margin:0;
  max-height:92vh;
  overflow:hidden;
  background:#F5F7FA;
  border:1px solid rgba(15,23,42,.14);
  border-radius:18px;
  box-shadow:0 28px 80px rgba(15,23,42,.22);
  pointer-events:none;
  visibility:hidden;
  opacity:0;
}
.kwt-locModal.kwt-locModal--open .kwt-locModal__dialog.kwt-locDialog--open,
body.kwt-locDialog-active #locationDialog.kwt-locModal__dialog.kwt-locDialog--open{
  display:flex;
  pointer-events:auto;
  visibility:visible;
  opacity:1;
}
body.kwt-locDialog-active{
  overflow:hidden !important;
}

/* Legacy cached footer (backdrop + dialog siblings, no wrapper). */
body.kwt-locDialog-active #locationDialogBackdrop{
  display:block !important;
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:#ffffff;
}
body.kwt-locDialog-active #locationDialog.kwt-locDialog--open{
  display:flex;
  flex-direction:column;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:2147483001;
  width:min(760px, calc(100vw - 18px));
  max-width:760px;
  max-height:min(92vh, 92dvh);
  margin:0;
  overflow:hidden;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  background:#F5F7FA;
  border:1px solid rgba(15,23,42,.14);
  border-radius:18px;
  box-shadow:0 28px 80px rgba(15,23,42,.22);
}
#locationDialog .dialog-content.kwt-locDialog{
  flex:1 1 auto;
  overflow-y:auto;
  min-height:0;
}

/* Metro dialog mobile fit (Location picker) */
@media (max-width: 560px){
  .kwt-locModal__dialog,
  #locationDialog.kwt-locModal__dialog{
    width:calc(100vw - 12px);
    max-width:none;
    max-height:96vh;
  }
  #locationDialog .dialog-title{
    padding:12px 12px;
    font-size:1rem;
  }
  #locationDialog .leaflet-control-attribution{
    font-size:10px;
  }
  #locationDialog .leaflet-control-zoom a{
    width:34px;
    height:34px;
    line-height:34px;
  }
}
.kwt-sheet{list-style:none;padding:0;margin:0}
.kwt-sheet li a{display:flex;gap:10px;align-items:center;padding:12px 12px;text-decoration:none;color:inherit;font-weight:900}
.kwt-sheet li a:hover{background:rgba(15,23,42,.06)}

/* Mobile menu: never show as normal content */
.kwt-mobileMenu{
  display:none;
}
.kwt-mobileMenu.kwt-mobileMenu--open{
  display:block;
  position:fixed;
  inset:0;
  z-index:1000;
}
@media (min-width: 981px){
  .kwt-mobileMenu,
  .kwt-mobileMenu.kwt-mobileMenu--open{
    display:none !important;
  }
}

.kwt-mobileMenu__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.42);
  opacity:0;
  transition:opacity .18s ease;
}
.kwt-mobileMenu__panel{
  position:absolute;
  inset:0;
  background:rgba(245,247,250,0.8);
  backdrop-filter: blur(12px);
  transform:translateY(10px);
  transition:all 0.5s ease-in-out;
  display:flex;
  flex-direction:column;
  padding:10px;
}
.kwt-mobileMenu--open .kwt-mobileMenu__backdrop{opacity:1}
.kwt-mobileMenu--open .kwt-mobileMenu__panel{
  transform:translateY(0);
  opacity:1;
}
.kwt-mobileMenu__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0px;
}
.kwt-mobileMenu__brand img{
  width:132px;
  height:auto;
  display:block;
}
.kwt-mobileMenu__close{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(245,247,250,.75);
  backdrop-filter: blur(10px);
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  display:grid;
  place-items:center;
}
.kwt-mobileMenu__close .ti{font-size:18px; line-height:1}
.kwt-mobileMenu__links{
  flex:1;
  display:grid;
  align-content:start;
  gap:4px;
  padding:4px 0 calc(4px + env(safe-area-inset-bottom));
}
.kwt-mobileMenu__link{
  width: min(560px, 95vw);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  text-decoration:none;
  color:var(--kwt-text);
  font-weight:600;
  font-size:0.88rem;
  padding:4px 12px;
  border-radius:14px;
  border:0px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.70);
  box-shadow:0 2px 30px rgba(15,23,42,.08);
  transition: all 0.2s ease;
}
.kwt-mobileMenu__link span:first-child{
  width:26px;
  height:26px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:rgba(66,133,244,.10);
  color:rgba(66,133,244,.95);
  font-size:16px;
}
.kwt-mobileMenu__link:active, .kwt-mobileMenu__link:hover{transform:scale(0.99); background:rgba(15,23,42,.04);}

/* Utility */
.kwt-hide-sm{display:inline}
.kwt-sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}




#preloader {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(66,133,244,.10), transparent 55%),
    radial-gradient(700px 420px at 80% 30%, rgba(20,198,203,.10), transparent 60%),
    #F5F7FA;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  transition: opacity .25s ease, visibility .25s ease;
}
html.kwt-pwa-boot,
html.kwt-pwa-boot body{
  background:#F5F7FA;
}
.kwt-pwaSplash{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
}
.kwt-pwaSplash__logo{
  border-radius:16px;
  box-shadow:0 12px 28px rgba(66,133,244,.18);
}
.kwt-pwaSplash__text{
  margin:0;
  font-size:.75rem;
  font-weight:500;
  color:rgba(15,23,42,.62);
}
body:not(.kwt-page-loading) #preloader{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
#preloader.is-active {
  display: flex;
}
body.kwt-page-loading{
  overflow: hidden;
}
body.kwt-page-loading #preloader{
  display: flex;
}
body.kwt-page-loading #transitionBox{
  display: none !important;
}

/* Simple spinner (form submitting) */
.loader {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background:
    conic-gradient(from 90deg, rgba(66,133,244,1), rgba(20,198,203,1), rgba(66,133,244,1));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #0F172A calc(100% - 6px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #0F172A calc(100% - 6px));
  animation: spin .85s linear infinite;
  flex-shrink: 0;
  box-shadow: 0 16px 40px rgba(15,23,42,.12);
  position:relative;
}
@keyframes spin { to { transform: rotate(360deg); } }
.loader::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:rgba(245,247,250,.70);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}

/* Transition card (redirect / reload) */
.transition-box {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: txFadeUp .35s ease both;
}
@keyframes txFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

.transition-box{
  width:min(420px, calc(100vw - 32px));
  padding:18px 16px 14px;
  border-radius:32px;
  background:rgba(245,247,250,.78);
  border:1px solid rgba(15,23,42,.10);
  box-shadow: 0 12px 60px rgba(15,23,42,.12);
  backdrop-filter: blur(12px);
}
.transition-icon-wrap{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  background:rgba(66,133,244,.10);
  color:rgba(66,133,244,.95);
  box-shadow: 0 16px 40px rgba(15,23,42,.08);
}
.transition-icon-wrap.success{background:rgba(22,163,74,.12); color:rgba(22,163,74,1)}
.transition-icon-wrap.error{background:rgba(220,38,38,.12); color:rgba(220,38,38,1)}
.transition-icon-wrap.warning{background:rgba(245,158,11,.14); color:rgba(220,38,38,1)}
.transition-icon-wrap.info{background:rgba(66,133,244,.12); color:rgba(0,51,204,1)}
.transition-icon-wrap .ti{font-size:26px; line-height:1}
.transition-msg{
  font-weight:600 !important;
  font-size:1rem !important;
  letter-spacing:-.01em;
}
.transition-sub{
  margin-top:4px;
  color:rgba(15,23,42,.62);
  font-weight:500 !important;
  font-size:.75rem !important;
}
.transition-bar-wrap{
  position:absolute;
  left:0; right:0; bottom:0;
  height:4px;
  overflow:hidden;
  border-radius:0 0 22px 22px;
  background:rgba(15,23,42,.08);
}
.transition-bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg, rgba(66,133,244,1), rgba(20,198,203,1));
}
.transition-bar.success{background:linear-gradient(90deg, rgba(22,163,74,1), rgba(22,163,74,1))}
.transition-bar.error{background:linear-gradient(90deg, rgba(220,38,38,1), rgba(220,38,38,1))}
.transition-bar.warning{background:linear-gradient(90deg, rgba(245,158,11,1), rgba(245,158,11,1))}
.transition-bar.info{background:linear-gradient(90deg, rgba(66,133,244,1), rgba(20,198,203,1))}


/* -------------------------------------------------------------------------- */
/* Login page (login.php) � layout + form polish                               */
/* -------------------------------------------------------------------------- */
.login-page-main{
  min-height:100dvh;
  width:100%;   
  display:flex;
  max-width:460px;
  align-items:center;
  justify-content:center;
  padding:0px 20px; 
}
.login-page{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 12px;
  background: var(--kwt-bg);
}
.login-page__inner{
  width:100%;
}
.login-page__card{
  background:#F5F7FA;
  border:0px solid rgba(15,23,42,.10);
  border-radius:28px;
  padding:30px 20px;
  box-shadow: 0 20px 50px rgba(15,23,42,.02);
}
.login-page__header{
  text-align:center;
  margin-bottom:1.8rem;
}
.login-page__brand{
  display:flex;
  justify-content:center;
  margin-bottom:0rem;
}

label{
  font-size:0.75rem;
  font-weight:600 !important;
  color:var(--kwt-text);
  margin:0;
}
.login-page__input-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.input-icon{
  position:absolute;
  left:16px;
  z-index:2;
  display:flex;
  color:rgba(15,23,42,.55);
  font-size:1rem;
  pointer-events:none;
}
/* Exclude OTP one-char inputs � global left padding hides the digit */

.kwt-postWizard .ts-wrapper{ 
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#F5F7FA !important;
   }
   .kwt-postWizard .ts-control{
    height:42px !important;
    border-radius:16px !important;
    border:1px solid rgba(15,23,42,.12) !important;
    background:#0F172A !important;
    color:var(--kwt-text) !important;
    padding:0 1rem 0 1rem !important;
    font-size:0.75rem !important;
    box-shadow:0 1px 0 rgba(245,247,250,.65) inset;
    transition:border-color .15s ease, box-shadow .15s ease;
    margin: 0 !important;
  }
  
.form-control,
input:not(.apple-otp__cell):not(.kwt-authField__input):not(.kwt-authModal__otpCell):not(.kwt-authCountry__searchInput),
select{
  height:42px !important;
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#F5F7FA !important;
  color:var(--kwt-text) !important;
  padding:0 1rem 0 1rem !important;
  font-size:0.75rem !important;
  box-shadow:0 1px 0 rgba(245,247,250,.65) inset;
  transition:border-color .15s ease, box-shadow .15s ease;
  margin: 0 !important;
}
.ajax-form .form-control{ 
  height:42px !important;
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#F5F7FA !important;
  color:var(--kwt-text) !important;
  padding-left:2.5rem 0.5rem !important;
  font-size:0.75rem !important;
  box-shadow:0 1px 0 rgba(245,247,250,.65) inset;
  transition:border-color .15s ease, box-shadow .15s ease;
  margin: 0 !important;
}

/* iOS Safari zooms the page when focused inputs are below 16px � keep touch forms readable */
@media screen and (max-width: 768px) {
  input:not(.apple-otp__cell):not(.kwt-authField__input):not(.kwt-authModal__otpCell):not(.kwt-authCountry__searchInput):not(.kwt-inboxMessenger__input),
  select,
  textarea:not(.kwt-inboxMessenger__input),
  .form-control,
  .ajax-form .form-control,
  .login-page__control,
  .kwt-postWizard__detailsForm .form-control,
  .kwt-postWizard .ts-control input,
  .ts-control input {
    font-size: 16px !important;
  }
  input::placeholder,
  textarea::placeholder,
  .form-control::placeholder {
    font-size: 15px !important;
  }
}

.select{
  padding:0rem 1rem 0rem 0.8rem !important;
  font-size:0.85rem !important; font-weight: 400 !important;
}
@media screen and (max-width: 768px) {
  .select,
  select.select {
    font-size: 16px !important;
  }
}

.hints{margin-top:-20px !important;  margin-bottom: 0 !important; padding:18px 0 0px 0.8rem !important; border-radius: 0 0 14px 14px; font-size:0.55rem !important; background:rgba(66,133,244,0.08) !important; color:#0F172A; display:block !important;}

.kwt-postWizard__detailsForm .hints{margin-top:-20px !important; margin-bottom: 0 !important; padding:12px 0 2px 0.8rem !important; border-radius: 0 0 14px 14px; font-size:0.55rem !important; background:rgba(66,133,244,0.08) !important; color:#0F172A; display:block !important;}

.kwt-postWizard__detailsForm label{ margin-bottom:-5px !important; padding-left:0.2rem !important;}
.kwt-postWizard__detailsForm .form-control{
  padding:0.8rem !important; height:42px !important; font-size:0.75rem;
}
.kwt-postWizard__detailsForm .select, .kwt-postWizard__detailsForm select{
  font-size:0.75rem; 
}
.kwt-postWizard__detailsForm .textarea{
  padding:0.8rem 1rem 0.8rem 1.rem !important;  font-size:0.75rem;
}

/* Post wizard: draft photos (up to 5) + optional demo video */
.kwt-postMedia{
  margin-bottom:1rem;
  padding:0.85rem 1rem;
  border-radius:14px;
  background:rgba(66,133,244,0.06);
  border:1px solid rgba(66,133,244,0.12);
}
.kwt-postMedia h5{ font-size:0.75rem; }
.kwt-postMedia__thumbs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  min-height:2px;
}
.kwt-postMedia__thumb{
  position:relative;
  width:88px;
  height:88px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(15,23,42,0.06);
  box-shadow:0 1px 0 rgba(245,247,250,.55) inset;
}
.kwt-postMedia__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.kwt-postMedia__rm{
  position:absolute;
  top:2px;
  right:2px;
  width:26px;
  height:26px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  font-size:1rem;
  line-height:1;
  color:#F5F7FA;
  background:rgba(15,23,42,.55);
  display:grid;
  place-items:center;
  padding:0;
}
.kwt-postMedia__rm:hover{ background:rgba(220,38,38,.92); }
.kwt-postMedia__coverBadge{
  position:absolute;
  left:4px;
  bottom:4px;
  max-width:calc(100% - 32px);
  font-size:0.58rem;
  font-weight:700;
  padding:2px 6px;
  border-radius:6px;
  color:#F5F7FA;
  background:rgba(15,23,42,.75);
  pointer-events:none;
  line-height:1.2;
}
.kwt-postMedia__setCover{
  position:absolute;
  left:3px;
  bottom:3px;
  max-width:calc(100% - 34px);
  font-size:0.55rem;
  font-weight:600;
  padding:3px 7px;
  border:0;
  border-radius:8px;
  cursor:pointer;
  color:#F5F7FA;
  background:rgba(66,133,244,.92);
  line-height:1.15;
  text-align:left;
}
.kwt-postMedia__setCover:hover{ filter:brightness(1.06); }
.kwt-postMedia__fileBtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
}
.kwt-postMedia__fileBtn--add{
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
}
.kwt-postMedia__fileBtnIcon{
  font-size:1.15rem;
  line-height:1;
}
.kwt-postMedia__fileBtnText{
  font-weight:700;
}
.kwt-postMedia__fileBtnHint{
  display:none !important;
}
@media (max-width: 767px){
  .kwt-postMedia__fileBtn--add,
  .kwt-postMedia--mobileNative .kwt-postMedia__fileBtn--add{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:64px;
    padding:16px 18px !important;
    margin-top:12px !important;
    border-radius:16px !important;
    border:2px dashed rgba(66,133,244,.45) !important;
    background:linear-gradient(180deg, rgba(66,133,244,.08), rgba(66,133,244,.03)) !important;
    color:#0f172a !important;
    font-size:1rem;
    line-height:1.2 !important;
    box-shadow:0 10px 24px rgba(66,133,244,.12);
  }
  .kwt-postMedia__fileBtn--add .kwt-postMedia__fileBtnIcon,
  .kwt-postMedia--mobileNative .kwt-postMedia__fileBtn--add .kwt-postMedia__fileBtnIcon{
    font-size:1.5rem;
    color:#4285F4;
  }
  .kwt-postMedia__fileBtn--add .kwt-postMedia__fileBtnText,
  .kwt-postMedia--mobileNative .kwt-postMedia__fileBtn--add .kwt-postMedia__fileBtnText{
    font-size:1.05rem;
    font-weight:700;
  }
}
.kwt-postMedia--mobileNative .kwt-postMedia__fileBtn--add{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:64px;
  padding:16px 18px;
  margin-top:12px !important;
  border-radius:16px !important;
  border:2px dashed rgba(66,133,244,.45) !important;
  background:linear-gradient(180deg, rgba(66,133,244,.08), rgba(66,133,244,.03)) !important;
  color:#0f172a !important;
  font-size:1rem;
  line-height:1.2 !important;
  box-shadow:0 10px 24px rgba(66,133,244,.12);
}
.kwt-postMedia--mobileNative .kwt-postMedia__fileBtn--add .kwt-postMedia__fileBtnIcon{
  font-size:1.5rem;
  color:#4285F4;
}
.kwt-postMedia--mobileNative .kwt-postMedia__fileBtn--add .kwt-postMedia__fileBtnText{
  font-size:1.05rem;
  font-weight:700;
}
.kwt-postMedia--mobileNative .kwt-postMedia__side--qr,
.kwt-postMedia--mobileNative .kwt-postMedia__qrReopen{
  display:none !important;
}
.kwt-postMedia__fileInput{
  position:absolute;
  inset:0;
  opacity:0;
  font-size:0;
  cursor:pointer;
}
.kwt-postMedia__fileBtn.kwt-postMedia__fileBtn--busy{
  opacity:0.65;
  pointer-events:none;
}

/* Document attachments block (resume / brochure / company profile) */
.kwt-postAtt{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background:rgba(66,133,244,.05);
  padding:10px;
  margin-bottom: 15px;
}
#kwtAttLabel, #kwtAttHint{ color: #0F172A !important;}
.kwt-postAtt__list{
  margin: 10px 0 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kwt-postAtt__item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(15,23,42,.08);
  background: #F5F7FA;
  border-radius: 10px;
}
.kwt-postAtt__icon{
  width: 36px; height: 36px;
  display: grid; place-items: center;
  border-radius: 8px;
  background: rgba(66,133,244,.08);
  color: #4285F4;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.kwt-postAtt__body{ flex: 1 1 auto; min-width: 0; }
.kwt-postAtt__name{
  font-size: 0.88rem; font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: #0F172A;
}
.kwt-postAtt__name a{ color: inherit; text-decoration: none; }
.kwt-postAtt__name a:hover{ text-decoration: underline; }
.kwt-postAtt__meta{ font-size: 0.72rem; color: rgba(15,23,42,.55); }
.kwt-postAtt__rm{
  border: 0; background: transparent; color: #DC2626;
  font-size: 1.05rem; line-height: 1; cursor: pointer;
  padding: 6px 8px; border-radius: 6px;
}
.kwt-postAtt__rm:hover{ background: rgba(220,38,38,.08); }
.kwt-postAtt__fileBtn{ position: relative; overflow: hidden; }
.kwt-postAtt__fileBtn input[type="file"]{
  position: absolute; inset: 0; opacity: 0;
  width: 100%; height: 100%;
  font-size: 0; cursor: pointer;
}
.kwt-postAtt__fileBtn.kwt-postAtt__fileBtn--busy{ opacity: .65; pointer-events: none; }

.kwt-postMedia__uploadBar{
  margin:6px 0 10px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(15,23,42,0.04);
  border:1px solid rgba(15,23,42,0.08);
}
.kwt-postMedia__uploadRow{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:0.7rem;
  color:rgba(15,23,42,0.78);
  font-weight:600;
}
.kwt-postMedia__spinner{
  width:18px;
  height:18px;
  border:2px solid rgba(66,133,244,.22);
  border-top-color:rgba(66,133,244,.95);
  border-radius:50%;
  animation:spin .72s linear infinite;
  flex-shrink:0;
}
.kwt-postMedia__uploadMsg{ min-height:1.2em; }
.kwt-postMedia__progressIndeterminate{
  margin-top:8px;
  height:4px;
  border-radius:999px;
  background:rgba(66,133,244,.14);
  overflow:hidden;
}
.kwt-postMedia__progressIndeterminateBar{
  height:100%;
  width:38%;
  border-radius:999px;
  background:linear-gradient(90deg,#4285F4,#4285F4);
  animation:kwtMediaIndet 1.05s ease-in-out infinite;
}
@keyframes kwtMediaIndet{
  0%{ transform:translateX(-120%); }
  100%{ transform:translateX(380%); }
}
.kwt-postMedia__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:stretch;
  margin-top:10px;
}
@media (min-width:640px){
  .kwt-postMedia__layout{
    grid-template-columns:minmax(0,3fr) minmax(0,1fr);
    gap:16px;
  }
}
.kwt-postMedia__main{
  min-width:0;
}
.kwt-postMedia__side{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.kwt-postMedia__mobileQr{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  flex:1;
  min-height:100%;
  padding:12px 12px 14px;
  border:1px solid rgba(15,23,42,0.12);
  border-radius:12px;
  background:rgba(245,247,250,.55);
  box-shadow:0 1px 0 rgba(245,247,250,.8) inset;
}
.kwt-postMedia__mobileQrText{
  line-height:1.35;
  text-align:left;
}
.kwt-postMedia__qrHost{
  width:100%;
  max-width:132px;
  aspect-ratio:1;
  height:auto;
  margin:4px auto 0;
  background:#F5F7FA;
  border:1px solid rgba(15,23,42,0.14);
  border-radius:8px;
  padding:4px;
  box-sizing:border-box;
  flex-shrink:0;
}
.kwt-postMedia__qrHost img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:contain;
}
.kwt-postMedia__mobileQrNote{
  text-align:center;
  line-height:1.35;
}
.kwt-postMedia__mobileQrDone{
  display:block;
  width:100%;
  margin-top:auto;
  padding-top:10px;
}
.kwt-postMedia__videoWrap{ margin-top:6px; }
.kwt-postMedia__video{
  display:block;
  max-width:100%;
  max-height:220px;
  border-radius:12px;
  background:#0F172A;
}

.border-2{ border-width:2px !important;}
.outline-danger{ border:2px solid #DC2626;}
.btn-outline{ border:1px solid #999 !important;}
.outline-dark{ border:1px solid #4285F4;}
.outline-primary{ border:1px solid #0033CC; color:#0F172A !important;}


input::placeholder, .form-control::placeholder{
  font-size:0.85rem !important;
}
.login-page__input-wrap--password .login-page__control{
  padding-left:1rem !important;
  padding-right:3.2rem !important;
}
.login-page__control:focus{
  border-color:rgba(66,133,244,.55) !important;
  box-shadow:0 0 0 5px rgba(66,133,244,.12) !important;
}
.login-page__control::placeholder{
  color:rgba(15,23,42,.45) !important;
}
.login-page__toggle-pass{
  width:44px;height:44px;
  position:absolute;
  right:8px;
  border-radius:14px;
  border:0;
  background:transparent;
  display:grid;
  place-items:center;
  color:rgba(15,23,42,.55);
  cursor:pointer;
}
.login-page__toggle-pass:hover{background:rgba(15,23,42,.06);color:rgba(15,23,42,.72)}

.login-page__helper{
  display:flex;
  justify-content:flex-end;
  margin-top:4px;
}
.login-page__helper a{
  text-decoration:none;
  color:rgba(15,23,42,.62);
  font-size:0.65rem;
  font-weight:600;
}
.login-page__helper a:hover{color:rgba(66,133,244,.95);text-decoration:none;}

.login-page__actions{gap:14px}
.submit{
  width:100%;
  height:42px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  font-weight:700;
  font-size:0.85rem !important;
  color:#F5F7FA;
  background: linear-gradient(90deg, #4285F4, #4285F4);
  box-shadow: 0 18px 40px rgba(66,133,244,.25);
}
.submit:hover{filter:brightness(0.98)}
.login-page__switch{
  text-align:center;
  font-size:1rem;
  margin-top:2px;
}
.login-page__switch-muted{color:rgba(15,23,42,.62)}
.login-page__switch a{color:rgba(15,23,42,.86);text-decoration:none}
.login-page__switch a:hover{color:rgba(66,133,244,.95);text-decoration:underline}
/* Apple-style OTP cells (verify account) */
.login-page__field--apple-otp{
  margin-bottom:1.1rem;
}
.login-page__field--apple-otp .login-page__label{
  display:block;
  margin-bottom:0.65rem;
}
.copyright{ 
  text-align: center; font-size: 0.7rem !important; 
  color: #16A34A; margin-top: 0rem;  
  margin-bottom: 0; line-height: normal;
}
.apple-otp{
  display:flex;
  justify-content:center;
  gap:clamp(6px, 2vw, 10px);
  flex-wrap:nowrap;
}
input.apple-otp__cell,
.apple-otp__cell{
  width:clamp(44px, 11vw, 52px);
  height:clamp(52px, 13vw, 58px);
  border-radius:12px;
  border:1px solid rgba(15,23,42,.45) !important;
  background:#F5F7FA !important;
  color:#0F172A !important;
  -webkit-text-fill-color:#0F172A !important;
  caret-color:#0F172A;
  font-family:ui-rounded, system-ui, -apple-system, "SF Pro Rounded", "SF Pro Text", "Segoe UI", sans-serif;
  font-size:clamp(22px, 5.5vw, 28px);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  text-align:center;
  line-height:1;
  padding:0 !important;
  margin:0;
  box-shadow:0 1px 0 rgba(245,247,250,.65) inset;
  transition:border-color .15s ease, box-shadow .15s ease, transform .12s ease, background .15s ease;
  -webkit-appearance:none;
  appearance:none;
}
.apple-otp__cell::placeholder{
  color:rgba(15,23,42,.45) !important;
}
.apple-otp__cell:hover{
  border-color:rgba(15,23,42,.35);
}
.apple-otp__cell:focus{
  outline:none;
  border-color:rgba(66,133,244,.85);
  box-shadow:0 0 0 3px rgba(66,133,244,.22), 0 1px 0 rgba(245,247,250,.65) inset;
  transform:scale(1.02);
  color:#0F172A !important;
  -webkit-text-fill-color:#0F172A !important;
}
html[data-theme="dark"] .apple-otp__cell{
  border-color:rgba(245,247,250,.22);
  box-shadow:none;
  background:rgba(245,247,250,.08) !important;
  color:#F5F7FA !important;
  -webkit-text-fill-color:#F5F7FA !important;
  caret-color:#F5F7FA;
}
html[data-theme="dark"] .apple-otp__cell:hover{
  border-color:rgba(245,247,250,.32);
}
html[data-theme="dark"] .apple-otp__cell:focus{
  border-color:rgba(66,133,244,.95);
  box-shadow:0 0 0 3px rgba(66,133,244,.28);
  color:#F5F7FA !important;
  -webkit-text-fill-color:#F5F7FA !important;
}

.login-page__control:focus{
  border-color:rgba(66,133,244,.45) !important;
  box-shadow:0 0 0 4px rgba(66,133,244,.12) !important;
}
.login-page__control::placeholder{
  color:var(--muted);
  opacity:0.85;
}
.login-page__toggle-pass{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  border:0;
  background:transparent;
  color:var(--muted);
  padding:0.4rem 0.5rem;
  border-radius:8px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.15rem;
  font-weight:500 !important;
  line-height:1;
  transition:color .15s ease, background .15s ease;
}
.login-page__toggle-pass:hover{
  color:var(--text);
  background:var(--panel);
}
.login-page__toggle-pass:focus-visible{
  outline:2px solid rgba(66,133,244,.5);
  outline-offset:2px;
}
.login-page__messages{
  min-height:0;
  font-size:0.85rem;
  border-radius:10px;
  color:rgba(15,23,42,.72) !important;
  text-align:center;
}
.login-page__messages:not(:empty){
  padding:8px 10px;
  border:1px solid rgba(148,163,184,.3);
  background:rgba(241,245,249,.55);
  color:var(--text);
}
.login-page__messages.kwt-msg--success:not(:empty){
  color:#166534 !important;
  border-color:rgba(22,163,74,.26);
  background:rgba(220,252,231,.6);
}
.login-page__messages.kwt-msg--error:not(:empty){
  color:#B91C1C !important;
  border-color:rgba(220,38,38,.28);
  background:rgba(254,242,242,.8);
}
.login-page__messages.kwt-msg--info:not(:empty){
  color:#1E40AF !important;
  border-color:rgba(37,99,235,.26);
  background:rgba(239,246,255,.85);
}

/* Nice alert (login/signup ajax messages) */
.kwt-alert{
  display:flex;
  height:100% !important;
  min-height:320px;
  gap:12px;
  padding:6px 14px;
  border-radius:32px;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.04) contrast(1.04);
  width:48px;
  height:48px;
  border-radius:14px; background: none !important;
  display:grid;
  place-items:center;
  flex:0 0 auto; border:none;
}
.kwt-alert__icon .ti{font-size:32px; line-height:1}
.kwt-alert__text{padding-top:12px;}

.kwt-alert--success{border-color:rgba(22,163,74,.28); background:rgba(245,247,250,.85)}
.kwt-alert--success .kwt-alert__icon{background:rgba(22,163,74,.14); color:rgba(22,163,74,1)}

.kwt-alert--error{border-color:rgba(220,38,38,.28); background:rgba(245,247,250,.88)}
.kwt-alert--error .kwt-alert__icon{background:rgba(220,38,38,.14); color:rgba(220,38,38,1)}

.kwt-alert--info{border-color:rgba(66,133,244,.25); background:rgba(245,247,250,.86)}
.kwt-alert--info .kwt-alert__icon{background:rgba(66,133,244,.14); color:rgba(0,51,204,1)}

.kwt-alert--warning{border-color:rgba(245,158,11,.28); background:rgba(245,247,250,.90)}
.kwt-alert--warning .kwt-alert__icon{background:rgba(245,158,11,.16); color:rgba(220,38,38,1)}

@media (max-width: 560px){
  .kwt-alert{font-size:0.95rem}
  .kwt-alert__icon{width:36px;height:36px;border-radius:13px}
  .kwt-alert__icon .ti{font-size:21px}
  .kwt-alert__text{padding-top:8px;}
}

.login-page__actions{
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding-top:0;
}
.login-page__submit{
  width:100%;
  padding:0rem 1rem !important;
  font-weight:600 !important;
  font-size:1rem !important;
  border-radius:12px !important;
  border:0 !important;
  box-shadow:0 12px 28px rgba(66,133,244,.22);
}
.login-page__submit:hover{
  filter:brightness(1.03);
}
.login-page__footnote{
  margin:0;
  text-align:center;
  font-size:0.65rem;
  color:var(--muted);
  line-height:1.4;
}


/* Responsive */
@media (max-width: 980px){
  .kwt-row__title{font-weight:700; font-size:0.75rem !important; line-height: 1rem !important;}
  .kwt-row__meta{margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:0.75rem;color:var(--kwt-muted)}
  .kwt-row__price{margin-top:6px;font-weight:700; font-size:0.65rem !important; line-height: 1.25rem !important;}
  
  .kwt-postWizard__tileSubmit{
    min-height: 5rem !important;
    padding: 0px 6px !important;
  }
  .kwt-postWizard__typeLabel{ color:#0F172A !important; font-size: 0.62rem !important; line-height: 1.2 !important; }
  .kwt-postWizard__tileSubmit--type .kwt-postWizard__typeLabel{
    font-size: 0.62rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
    padding: 0 2px;
  }
  .kwt-postWizard__tileSubmit--type{
    min-height: 5.5rem !important;
    padding: 8px 4px !important;
  }
  .kwt-postWizard__tileSubmit:hover{ background:#F5F7FA !important;}
  .kwt-postWizard__typeIcon{ font-size: 1.5rem !important; background:rgba(66,133,244,0.05) !important; border:1px solid rgba(66,133,244,0.12) !important; }

  .kwt-post__title{line-height:1.35; font-size:0.65rem;}

  .kwt-tag{font-size:0.65rem !important; line-height: 0.85rem !important; font-weight: 400 !important;}
  .kwt-muted{font-size:0.65rem !important; line-height: 0.55rem !important;}
  .kwt-post__price{font-size:0.65rem !important; line-height: 0.85rem !important;}
  .button.small {font-size:0.65rem !important; padding:0px 10px !important; line-height: 0.55 !important;}
  .kwt-brand img{width:160px; height:auto;}
  .kwt-hero__left{padding-right:0}
  .kwt-hero__right{padding-left:0;margin-top:0px}
  .kwt-slide{height:300px;}
  .kwt-search{grid-template-columns: 1fr 160px auto}
  .kwt-grid{grid-template-columns:repeat(2,1fr)}
  /* Categories stay as horizontal scroller on mobile */
  .kwt-footer__grid{grid-template-columns:1fr 1fr}
  .kwt-nav{display:none}
  .kwt-menuBtn{display:inline-flex;}
  .kwt-quick p {margin:0; font-size:0.65rem !important; line-height: .9rem;  }
  p {margin:0; font-size:0.65rem !important; line-height: .9rem;  }
}
@media (max-width: 560px){
  .kwt-h1{font-size:30px}
  .kwt-slide{height:320px}
  .kwt-slide__overlay{padding:3rem 20px 20px 30px;}
  .kwt-slide__title{font-size:var(--kwt-slide-title-mobile, 28px);max-width:14ch}
  .kwt-slide__subtitle{ display:none; font-size:var(--kwt-slide-sub-mobile, 14px);max-width:34ch}
  .kwt-search{grid-template-columns:1fr}
  .kwt-search__btn{width:100%}
  .kwt-hide-sm{display:none}
  .kwt-grid{grid-template-columns:repeat(2,1fr)}
  .kwt-bottombar{display:flex}
  .kwt-footer{margin-bottom:0px}
  .kwt-loc-grid{grid-template-columns:repeat(2,1fr)}
 .kwt-footer .kwt-muted{ font-size:0.75rem !important; line-height:1rem !important;}    
  .kwt-footer__links{
    gap:8px 12px;
  }
  .kwt-footer__inlineLink{
    font-size:0.74rem;
    padding:5px 2px;
  }
  .kwt-footer__inlineLink + .kwt-footer__inlineLink::before{
    left:-7px;
    width:3px;
    height:3px;
  }
  /* Categories: smaller cards so more fit on mobile */
  .kwt-cats--scroll{gap:10px}
  .kwt-cats--scroll .kwt-cat{width:25%; padding:10px 6px 20px 6px; gap:2px; border-radius:14px; background:linear-gradient(180deg, rgba(66,133,244,.05), rgba(66,133,244,.02));}
  
  .kwt-cat__icon{border-radius:14px; border:1px solid #F5F7FA; margin-bottom: 6px; font-size:28px; width:44px; height:44px;}
  .kwt-cat__name{font-size:0.60rem !important; line-height: 0.55rem !important;}
}

/* Very small phones: keep posts readable */
@media (max-width: 380px){
  .kwt-grid{grid-template-columns:1fr}
}



@media (min-width:1366px){
 
}

/* -------------------------------------------------------------------------- */
/* User profile page (profile.php) � marketplace-style header, stats, tabs     */
/* -------------------------------------------------------------------------- */
:root{
  --kwt-profile-accent:#DC2626;
  --kwt-profile-accent2:#DC2626;
}

.kwt-profilePage{
  padding-bottom:0px;
}

.kwt-profileTopbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px; background:var(--bg-gradient-1);
  padding:20px;
  border-radius:18px;
  box-shadow:0 8px 16px rgba(15,23,42,.02);
  width:100%;
}
/* Inbox variant: a soft topbar above the messenger card. On mobile we go
   edge-to-edge to match the full-bleed messenger; on desktop it stays inside
   the .kwt-shell page width like normal page chrome. */
.kwt-profileTopbar--inbox{
  padding: 18px 0 4px;
}
@media (max-width: 900px){
  .kwt-profileTopbar--inbox{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 8px 14px;
  }
}
.kwt-profileTopbar__back{
  width:32px;height:32px;
  display:grid;place-items:center;
  border-radius:12px;
  border:1px solid var(--kwt-profile-accent2);
  background:rgba(245,247,250,1);
  color:var(--kwt-text);
  text-decoration:none;
  box-shadow:0 8px 16px rgba(15,23,42,.02);
}
.kwt-profileTopbar__back:hover{background:#F5F7FA;color:var(--kwt-profile-accent)}
.kwt-profileTopbar__actions{display:flex;gap:8px;align-items:center}
.kwt-profileIconBtn{
  list-style:none;
  width:32px;height:32px;
  border-radius:12px;
  border:1px solid var(--kwt-profile-accent2);
  background:rgba(245,247,250,.9);
  display:grid;place-items:center;
  cursor:pointer;
  color:var(--kwt-text);
  box-shadow:0 4px 14px rgba(15,23,42,.02);
}
.kwt-profileIconBtn::-webkit-details-marker{display:none}
.kwt-profileMenu{position:relative}
.kwt-profileMenu summary{list-style:none}
.kwt-profileMenu__panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:200px;
  background:#F5F7FA;
  border:1px solid var(--kwt-line);
  border-radius:14px;
  box-shadow:var(--kwt-shadow);
  padding:8px;
  z-index:40;
}
.kwt-profileMenu__panel a{
  display:flex;align-items:center;gap:10px;
  padding:3px 12px !important;
  border-radius:10px;
  text-decoration:none;
  color:var(--kwt-text);
  font-weight:500;
  font-size:0.65rem !important;
  border:1px solid transparent;
}
.kwt-profileMenu__panel a:hover{background:rgba(15,23,42,.06); border:1px solid var(--kwt-profile-accent2);}

/* Header profile dropdown (reuses .kwt-profileMenu) */
.kwt-headerProfile{position:relative}
.kwt-headerProfile > summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.kwt-headerProfile > summary::-webkit-details-marker{display:none}
.kwt-headerProfile__chev{
  font-size:0.85rem;
  opacity:.85;
  transition: transform .18s ease;
}
.kwt-headerProfile[open] .kwt-headerProfile__chev{transform: rotate(180deg)}
.kwt-headerProfile__panel{
  min-width:220px;
  padding:8px;
}
.kwt-headerProfile__panel a{
  font-size:0.9rem;
  padding:8px 12px;
}
.kwt-headerProfile__panel a .ti{
  font-size:1rem;
  width:20px;
  text-align:center;
}
@media (max-width: 560px){
  .kwt-headerProfile__panel{min-width:200px}
}

.kwt-profileHeader{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  padding:8px 0 20px;
  border-bottom:1px solid rgba(15,23,42,.08);
  margin-bottom:16px;
}
@media (min-width: 900px){
  .kwt-profileHeader{
    grid-template-columns:minmax(0,1.2fr) auto auto;
    align-items:start;
    gap:20px 24px;
  }
  .kwt-profileMetaCards{justify-self:end;}
  .kwt-profileActions{justify-self:end;align-self:start}
}

.kwt-profileIdentity{
  display:flex;
  gap:16px;
  align-items:center; 
}
.kwt-profileAvatar{
  flex-shrink:0;
  width:88px;height:88px;
  border-radius:50%;
  overflow:hidden;
  border:3px solid #F5F7FA;
  box-shadow:0 10px 30px rgba(15,23,42,.12);
}
.kwt-profileAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.kwt-profileHandle{
  margin:0 0 6px;
  font-size:clamp(1.3rem,3.5vw,1rem);
  font-weight:600;
  letter-spacing:-0.02em;
  color:var(--kwt-text);
}
.kwt-profileBio{
  margin:0;
  color:rgba(15,23,42,.62);
  font-size:0.65rem;
  line-height:1;
  max-width:52ch;
}

.kwt-profileMetaCards{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.kwt-profileMetaCard{
  display:flex;
  gap:6px;
  align-items:center;
  padding:6px 6px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.85);
  min-width:160px;
}
.kwt-profileMetaCard__icon{
  width:40px;height:40px;
  border-radius:12px;
  display:grid;place-items:center;
  background:rgba(220,38,38,.10);
  color:var(--kwt-profile-accent);
  font-size:1.1rem;
}
.kwt-profileMetaCard__icon--date{background:rgba(220,38,38,.12);color:#DC2626}
.kwt-profileMetaCard__label{font-size:0.65rem;font-weight:600;color:rgba(15,23,42,.55);text-transform:uppercase;letter-spacing:.04em; margin-bottom: 0;}
.kwt-profileMetaCard__value{font-weight:700;font-size:0.75rem; margin: 0; line-height: 0.75rem;}
.kwt-profileMetaCard__value--muted{font-weight:500;color:rgba(15,23,42,.55);font-size:0.65rem; margin: 0;}

@media (max-width:899px){
  .kwt-profileMetaCards{
    flex-wrap:nowrap;
    gap:5px;
  }
  .kwt-profileMetaCard{
    flex:1 1 0;
    min-width:0;
    padding:5px 5px;
    gap:5px;
  }
  .kwt-profileMetaCard > div{min-width:0}
  .kwt-profileMetaCard__icon{
    width:34px;
    height:34px;
    flex-shrink:0;
    font-size:1rem;
    border-radius:10px;
  }
  .kwt-profileMetaCard__label,
  .kwt-profileMetaCard__value,
  .kwt-profileMetaCard__value--muted{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
  }
}

.kwt-profileActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-start;
}
@media (min-width:900px){
  .kwt-profileActions{justify-content:flex-end}
}

.kwt-profileStats{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:0;
  background:#F5F7FA;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  box-shadow:0 14px 40px rgba(15,23,42,.08);
  overflow:hidden;
  margin-bottom:20px;
}
.kwt-profileStats__item{
  flex:1 1 80px;
  text-align:center;
  padding:14px 10px;
}
.kwt-profileStats__label{
  display:block;
  font-size:0.75rem;
  font-weight:500;
  color:rgba(15,23,42,.75);
  margin-bottom:4px;
}
.kwt-profileStats__num{
  font-size:1.2rem;
  font-weight:700;
  color:var(--kwt-text);
}
.kwt-profileStats__divider{
  width:1px;
  background:rgba(15,23,42,.08);
  align-self:stretch;
  margin:10px 0;
}
.kwt-profileStats__cta{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-left:1px solid rgba(15,23,42,.08);
  background:rgba(245,247,250,.96);
}
.kwt-profileFollowBtn{
  border-radius:12px !important;
  border:0 !important;
  background:linear-gradient(135deg,var(--kwt-profile-accent),var(--kwt-profile-accent2)) !important;
  color:#F5F7FA !important;
  font-weight:600 !important;
  padding:0 18px !important;
  height:44px !important;
  white-space:nowrap;
  box-shadow:0 12px 28px rgba(220,38,38,.28);
  transition:filter .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}
.kwt-profileFollowBtn:hover{filter:brightness(0.97)}
.kwt-profileFollowBtn.is-following{
  background:#F5F7FA !important;
  color:var(--kwt-profile-accent) !important;
  box-shadow:inset 0 0 0 1px rgba(220,38,38,.45), 0 6px 16px rgba(220,38,38,.12) !important;
}
.kwt-profileFollowBtn.is-following:hover{
  background:rgba(220,38,38,.08) !important;
  color:#DC2626 !important;
  box-shadow:inset 0 0 0 1px rgba(220,38,38,.45), 0 6px 16px rgba(220,38,38,.12) !important;
}
.kwt-profileFollowBtn:disabled{opacity:.65;cursor:progress}

.kwt-profileTabsWrap{margin-bottom:8px}
.kwt-profileTabs{
  display:flex;
  gap:0px;
  border-bottom:1px solid rgba(15,23,42,.10);
  margin-bottom:16px;
}
.kwt-profileTab{
  background:none;
  border:0;
  padding:12px;
  font:inherit;
  font-weight:600;
  color:rgba(15,23,42,.45);
  cursor:pointer;
  position:relative;
}
.kwt-profileTab__count{font-weight:600; font-size:0.75rem;}
.kwt-profileTab.is-active{
  color:var(--kwt-text) !important;
}
.kwt-profileTab.is-active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  border-bottom:3px solid rgba(15,23,42,1);
  border-radius:3px 3px 0 0;
  background:var(--kwt-text);
}
.kwt-profilePanel{display:none;padding-bottom:8px}
.kwt-profilePanel.is-active{display:block}
.kwt-profilePanel__head{margin-bottom:12px}

.kwt-profileReviewsSummary{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  font-size:.95rem;
}
.kwt-profileReviewsSummary__stars{ color:#F59E0B; font-size:1.05rem; }

.kwt-starPicker{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.kwt-starPicker__star{
  border:0;
  background:transparent;
  color:rgba(148,163,184,.9);
  padding:2px;
  line-height:1;
  cursor:pointer;
}
.kwt-starPicker__star .ti{ font-size:1.15rem; }
.kwt-starPicker__star.is-on{ color:#F59E0B; }
.kwt-starPicker__label{
  margin-left:4px;
  font-size:.78rem;
  color:rgba(15,23,42,.62);
}

.kwt-profileReviewForm{
  background:#fff;
  border:1px solid rgba(15,23,42,.09);
  border-radius:14px;
  padding:12px;
  margin-bottom:14px;
}
.kwt-profileReviewForm__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.kwt-profileReviewForm__row{ margin-bottom:10px; }
.kwt-profileReviewForm__row label{
  display:block;
  margin-bottom:6px;
  font-size:.82rem;
  font-weight:700;
  color:rgba(15,23,42,.75);
}
.kwt-profileReviewForm__actions{ display:flex; justify-content:flex-end; }

.kwt-profileReviewLock{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  margin:0 0 12px;
  border:1px solid rgba(22,163,74,.26);
  border-radius:12px;
  background:rgba(220,252,231,.52);
  color:#166534;
  font-size:.85rem;
  font-weight:600;
}

.kwt-profileReviewsList{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.kwt-profileReview{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  padding:10px;
}
.kwt-profileReview__avatar{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:1px;
  flex-shrink:0;
}
.kwt-profileReview__avatar img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(15,23,42,.08);
}
.kwt-profileReview__body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  margin-top:5px;
  padding-top:0;
}
.kwt-profileReview__top{
  display:flex;
  align-items:flex-start;
  gap:4px;
  margin:0;
  line-height:1.1;
}
.kwt-profileReview__stars{
  color:#F59E0B;
  font-size:.84rem;
  line-height:1;
  margin:2px 0 6px;
}
.kwt-profileReview__text{
  color:rgba(15,23,42,.78);
  font-size:.86rem;
  line-height:1.45;
  word-break:break-word;
}
.kwt-profileReviewSectionTitle{
  margin:4px 0 8px;
  font-size:.9rem;
  font-weight:800;
  color:rgba(15,23,42,.8);
}
.kwt-profileReview__postLink{
  margin:0 0 5px;
  font-size:.8rem;
}
.kwt-profileReview__postLink a{
  color:#2563EB;
  text-decoration:none;
}
.kwt-profileReview__postLink a:hover{ text-decoration:underline; }

.kwt-pd__reviewsSummary{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
}
.kwt-pd__reviewsSummary__star{ color:#F59E0B; font-size:1.05rem; }
.kwt-pd__reviewsCard{
  padding:14px 14px 12px;
}
.kwt-pd__reviewsCard .kwt-pd__specHeading{
  margin-bottom:10px;
}
.kwt-pd__reviewForm{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  padding:12px;
  margin:0 0 14px;
}
.kwt-pd__reviewFormLabel{
  display:block;
  margin:0 0 6px;
  font-size:.8rem;
  font-weight:700;
  color:rgba(15,23,42,.72);
}
.kwt-pd__reviewForm textarea{ margin-top:6px; }
.kwt-pd__reviewFormActions{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
.kwt-pd__reviewsList{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.kwt-pd__reviewItem{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  padding:12px;
}
.kwt-pd__reviewAvatar{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:1px;
  flex-shrink:0;
}
.kwt-pd__reviewAvatar img{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(15,23,42,.08);
}
.kwt-pd__reviewBody{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  margin-top:0;
  padding-top:0;
}
.kwt-pd__reviewTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin:0;
  line-height:1.1;
}
.kwt-pd__reviewStars{
  color:#F59E0B;
  font-size:.84rem;
  line-height:1;
  margin:2px 0 6px;
}
.kwt-pd__reviewText{
  color:rgba(15,23,42,.78);
  font-size:.86rem;
  line-height:1.45;
}
@media (max-width: 575px){
  .kwt-pd__reviewsCard{
    padding:12px 11px 10px;
  }
  .kwt-pd__reviewItem{
    padding:10px;
  }
}
.kwt-profileListingFilter{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
  font-size:13px;
}
.kwt-profileListingFilter a{
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  color:rgba(15,23,42,.75);
  text-decoration:none;
}
.kwt-profileListingFilter a.is-active{
  border-color:var(--kwt-profile-accent);
  background:rgba(15,23,42,.06);
  color:var(--kwt-text);
  font-weight:600;
}
.kwt-profileListingHelp{
  font-size:13px;
  line-height:1.45;
  color:rgba(15,23,42,.62);
  margin:0 0 14px;
  max-width:52rem;
}
.kwt-profileFlash{
  margin:12px 16px 0;
  padding:12px 14px;
  border-radius:12px;
  font-size:14px;
  line-height:1.45;
}
.kwt-profileFlash--success{
  background:rgba(22,163,74,.12);
  border:1px solid rgba(22,163,74,.25);
  color:rgba(22,163,74,1);
}
.kwt-profileFlash--error{
  background:rgba(220,38,38,.1);
  border:1px solid rgba(220,38,38,.22);
  color:rgba(220,38,38,1);
}
.kwt-profileFlash--info{
  background:rgba(66,133,244,.1);
  border:1px solid rgba(66,133,244,.2);
  color:rgba(0,51,204,1);
}

.kwt-profilePost__figure{
  position:relative;
}
.kwt-profilePost__figure .kwt-post__media{
  display:block;
}
.kwt-profileGrid{
  align-items:stretch;
}
.kwt-profileGrid .kwt-profilePost{
  display:flex;
  flex-direction:column;
  height:100%;
}
.kwt-profileGrid .kwt-post__body{
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1;
}
.kwt-profileGrid .kwt-post__title--profileClamp{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  min-height:calc(1.35em * 2);
}
.kwt-profileGrid .kwt-post__actions{
  margin-top:auto;
  padding-top:10px;
}
.kwt-profilePost__actions{
  align-items: center;
}
.kwt-profilePost__inline{
  display: inline-flex;
  margin: 0;
  vertical-align: middle;
}
.kwt-profilePost__inline button{
  margin: 0;
}
.kwt-profilePager{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 0.75rem;
}
.kwt-profilePager__link{
  font-weight: 700;
  color: rgba(66,133,244,0.95);
  text-decoration: none;
}
.kwt-profilePager__link:hover{
  text-decoration: underline;
}
.kwt-profilePager__meta{
  color: rgba(15,23,42,0.55);
  font-weight: 600;
}
.kwt-profileWish{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  width:38px;height:38px;
  border-radius:12px;
  border:1px solid rgba(245,247,250,.65);
  background:rgba(245,247,250,.92);
  display:grid;
  place-items:center;
  cursor:pointer;
  color:rgba(15,23,42,.55);
  box-shadow:0 6px 16px rgba(15,23,42,.12);
}
.kwt-profileWish:hover{color:var(--kwt-profile-accent)}
.kwt-profileWish.is-saved{color:var(--kwt-profile-accent)}

.kwt-profileEmpty{
  text-align:center;
  padding:48px 20px;
  border:1px dashed rgba(15,23,42,.15);
  border-radius:16px;
  background:rgba(245,247,250,.6);
}
.kwt-profileEmpty .ti{font-size:2.5rem;color:rgba(15,23,42,.25);display:block;margin-bottom:12px}
.kwt-profileEmpty__title{font-weight:900;margin:0 0 8px;font-size:1.1rem}

@media (max-width:560px){
  .kwt-profilePage{
    padding-bottom:100px;
  }
  .kwt-profileStats__cta{
    flex-basis:100%;
    border-left:0;
    border-top:1px solid rgba(15,23,42,.08);
    justify-content:center;
  }
  .kwt-profileFollowBtn{width:100%;justify-content:center}
}


/* ============================================================
 * Settings page (settings.php)
 * ============================================================ */
.kwt-settings{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:8px 0 24px;
  max-width:920px;
  margin:0 auto;
}
.kwt-settings__header{margin:6px 2px 0}
.kwt-settings__title{
  margin:0;
  font-size: clamp(1.25rem, 0.6vw + 1.1rem, 1.6rem);
  letter-spacing:-.01em;
  font-weight:900;
}
.kwt-settings__subtitle{
  margin:6px 0 0;
  color:var(--kwt-muted);
  font-size:0.95rem;
}

.kwt-settingsCard{
  background:#F5F7FA;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  box-shadow:0 12px 36px rgba(15,23,42,.06);
  padding:18px 18px 16px;
}
.kwt-settingsCard__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.kwt-settingsCard__title{
  margin:0;
  font-size:1rem;
  font-weight:800;
}
.kwt-settingsCard__sub{
  margin:4px 0 0;
  color:var(--kwt-muted);
  font-size:0.9rem;
}

/* Avatar block */
.kwt-settingsAvatar{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
}
.kwt-settingsAvatar__pic{
  position:relative;
  width:108px;
  height:108px;
  border-radius:50%;
  border:2px solid rgba(15,23,42,.10);
  background:linear-gradient(135deg, rgba(66,133,244,.10), rgba(20,198,203,.10));
  overflow:hidden;
  cursor:pointer;
  flex-shrink:0;
  padding:0;
  display:grid;
  place-items:center;
  transition: transform .15s ease;
}
.kwt-settingsAvatar__pic:hover{transform:translateY(-1px)}
.kwt-settingsAvatar__pic img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.kwt-settingsAvatar__initial{
  font-size:2.4rem;
  font-weight:900;
  color:rgba(66,133,244,.95);
  line-height:1;
}
.kwt-settingsAvatar__edit{
  position:absolute;
  right:6px;
  bottom:6px;
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#F5F7FA;
  color:var(--kwt-text);
  border:2px solid rgba(15,23,42,.10);
  box-shadow:0 8px 18px rgba(15,23,42,.18);
  font-size:0.95rem;
}
.kwt-settingsAvatar__pic:hover .kwt-settingsAvatar__edit{
  background:var(--kwt-primary);
  color:#F5F7FA;
}
.kwt-settingsAvatar__info{flex:1; min-width:220px}
.kwt-settingsAvatar__name{
  font-weight:900;
  font-size:1rem;
  margin-bottom:4px;
}
.kwt-settingsAvatar__hint{
  color:var(--kwt-muted);
  font-size:0.85rem;
  display:flex;
  align-items:center;
  gap:6px;
}
.kwt-settingsAvatar__actions{
  margin-top:12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* Forms */
.kwt-settingsForm{display:flex; flex-direction:column; gap:14px}
.kwt-settingsForm__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.kwt-settingsForm__field{display:flex; flex-direction:column; gap:6px}
.kwt-settingsForm__field label{
  font-weight:700;
  font-size:0.9rem;
  color:var(--kwt-text);
}
.kwt-settingsForm__hint{
  color:var(--kwt-muted);
  font-size:0.8rem;
}
.kwt-settingsForm__actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:6px;
}

.kwt-settingsPrefGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.kwt-settingsPrefItem{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  padding:10px 12px;
}
.kwt-settingsPrefItem__label{
  display:block;
  font-size:.86rem;
  font-weight:700;
  color:rgba(15,23,42,.86);
  margin-bottom:8px;
}
.kwt-settingsPrefItem__choices{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.kwt-settingsPrefItem__choices label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  font-size:.82rem;
  color:rgba(15,23,42,.72);
}
@media (max-width: 640px){
  .kwt-settingsPrefGrid{grid-template-columns:1fr}
  .kwt-settingsForm__row{grid-template-columns:1fr}
  .kwt-settingsCard{padding:16px}
  .kwt-settingsAvatar__pic{width:92px; height:92px}
  .kwt-settingsAvatar__initial{font-size:2rem}
}

/* ============================================================
 * Cropper modal (Facebook-style avatar editor)
 * ============================================================ */
.kwt-cropperModal{
  position:fixed;
  inset:0;
  z-index:2200;
  display:none;
}
.kwt-cropperModal:not([hidden]){display:block}
.kwt-cropperModal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.62);
  backdrop-filter: blur(6px);
  opacity:0;
  transition: opacity .18s ease;
}
.kwt-cropperModal__panel{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -48%) scale(.98);
  width:min(640px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  background:#F5F7FA;
  border-radius:20px;
  box-shadow: 0 30px 80px rgba(15,23,42,.35);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  opacity:0;
  transition: opacity .18s ease, transform .18s ease;
}
.kwt-cropperModal.is-open .kwt-cropperModal__backdrop{opacity:1}
.kwt-cropperModal.is-open .kwt-cropperModal__panel{
  opacity:1;
  transform: translate(-50%, -50%) scale(1);
}
.kwt-cropperModal__head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.kwt-cropperModal__title{
  margin:0;
  font-size:1rem;
  font-weight:900;
  flex:1;
  text-align:center;
}
.kwt-cropperModal__iconBtn{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(245,247,250,.92);
  display:grid;
  place-items:center;
  cursor:pointer;
  color:var(--kwt-text);
  font-size:1rem;
}
.kwt-cropperModal__iconBtn:hover{background:#F5F7FA}
.kwt-cropperModal__stage{
  position:relative;
  background:#0F172A;
  height: 360px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.kwt-cropperModal__stage img{
  display:block;
  max-width:100%;
  max-height:100%;
}
.kwt-cropperModal__tools{
  display:flex;
  gap:6px;
  padding:10px;
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(245,247,250,.7);
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.kwt-cropperModal__divider{
  width:1px;
  height:22px;
  background:rgba(15,23,42,.12);
  margin:0 4px;
}

/* Make cropper.js round preview */
.kwt-cropperModal .cropper-view-box,
.kwt-cropperModal .cropper-face{
  border-radius:50%;
}
.kwt-cropperModal .cropper-view-box{
  outline: 2px solid #F5F7FA;
  outline-color: rgba(245,247,250,.85);
}

@media (max-width: 560px){
  .kwt-cropperModal__stage{height: 280px}
  .kwt-cropperModal__panel{
    border-radius:16px;
    width: calc(100vw - 12px);
    max-height: calc(100dvh - 12px);
  }
}


/* ============================================================
 * SweetAlert2 � match site style
 * ============================================================ */
.swal2-container.swal2-backdrop-show{
  background: rgba(15,23,42,.55) !important;
  backdrop-filter: blur(6px);
}
.kwt-swal{
  border-radius: 22px !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.28) !important;
  padding-top:0px !important;
  padding-bottom:20px !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}
.kwt-swal .swal2-icon {
  border:1px solid #4285F4 !important; font-size:0.8rem !important;
}
.kwt-swal .swal2-title{
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: var(--kwt-text) !important;
  letter-spacing: -.01em;
}
.kwt-swal .swal2-html-container{
  color: var(--kwt-muted) !important;
  font-size: .75rem !important;
}
.kwt-swal__actions{
  gap: 8px !important;
  margin-top: 10px !important;
}
.kwt-swal .button{
  padding: 0 18px !important;
  height: 42px; 
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: .85rem !important;
  border:0px solid #4285F4;
}







/* ============================================================
 * Inbox / Messenger (inbox.php) � clean, professional shell
 * ============================================================ */
.kwt-inboxMessenger{
  position: relative;
  width: 100%;
  margin: 14px auto 24px;
  padding: 0;
  /* desktop = appbar (75) + profileTopbar (~48) + main padding (60) + own margins (38) � 220 */
  --kwt-inbox-chrome: 220px;
  --kwt-inbox-list-bg: #F5F7FA;
  --kwt-inbox-conv-bg: #F5F7FA;
  --kwt-inbox-border: rgba(15,23,42,.08);
  --kwt-inbox-border-soft: rgba(15,23,42,.05);
  --kwt-inbox-text-muted: rgba(15,23,42,.55);
  --kwt-inbox-bubble-them: #F5F7FA;
  --kwt-inbox-bubble-me: linear-gradient(135deg, #4285F4 0%, #14C6CB 100%);
  --kwt-inbox-online: #16A34A;
}

.kwt-inboxMessenger__shell{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100dvh - var(--kwt-inbox-chrome));
  min-height: 480px !important;
  background: var(--kwt-inbox-conv-bg);
  border: 1px solid var(--kwt-inbox-border);
  border-radius: 18px;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);
}

/* ---------- Left column: thread list ---------- */
.kwt-inboxMessenger__list{
  min-height: 0;
  padding:10px;
  background: var(--kwt-inbox-list-bg);
  border-right: 1px solid var(--kwt-inbox-border);
}
.kwt-inboxMessenger__listHead{
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 0px;
  border-bottom: 1px solid var(--kwt-inbox-border);
  background: var(--kwt-inbox-list-bg);
}
.kwt-inboxMessenger__listTitleRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.kwt-inboxMessenger__title{
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--kwt-text);
}
.kwt-inboxMessenger__badge{
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--kwt-primary);
  color: #F5F7FA;
  font-weight: 700;
  font-size: 0.72rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(66,133,244,.25);
}
.kwt-inboxMessenger__search{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 16px;
  min-height: 44px;
  border-radius: 999px;
  background: #F5F7FA;
  border: 0px solid var(--kwt-inbox-border);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.kwt-inboxMessenger__search:focus-within{
  border-color: var(--kwt-primary);
  box-shadow: 0 0 0 3px rgba(66,133,244,.12);
}
.kwt-inboxMessenger__search .ti{ opacity: .55; font-size: 1.1rem; color: var(--kwt-text); }
.kwt-inboxMessenger__searchInput{
  flex: 1 1 0%;
  width: 100%;
  min-width: 0;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.95rem;
  line-height: 1.35;
  color: var(--kwt-text);
}

.kwt-inboxMessenger__threads{
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4px 0;
}
.kwt-inboxMessenger__thread{
  position: relative;
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  border: 0;
  background: transparent;
  text-align: left;
  align-items: center;
  transition: background .15s ease;
}
.kwt-inboxMessenger__thread::before{
  content: "";
  position: absolute;
  left: 0; top: 8px; bottom: 8px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: transparent;
  transition: background .15s ease;
}
.kwt-inboxMessenger__thread:hover{ background: rgba(15,23,42,.04); }

/* Avatar + presence dot */
.kwt-inboxMessenger__avatar{
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: visible;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(66,133,244,.12), rgba(20,198,203,.10));
}
.kwt-inboxMessenger__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}
.kwt-inboxMessenger__avatar--sm{ width: 40px; height: 40px; }
.kwt-inboxMessenger__avatar .kwt-inboxMessenger__presence{
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--kwt-inbox-online);
  border: 2px solid #F5F7FA;
  box-shadow: 0 0 0 1px rgba(15,23,42,.06);
}
.kwt-inboxMessenger__avatar--sm .kwt-inboxMessenger__presence{
  width: 10px; height: 10px;
}

.kwt-inboxMessenger__threadBody{ min-width: 0; flex: 1; }
.kwt-inboxMessenger__threadTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}
.kwt-inboxMessenger__threadName{
  font-weight: 500;
  font-size: 0.75rem;
  color: var(--kwt-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kwt-inboxMessenger__threadTime{
  font-size: 0.55rem;
  color: var(--kwt-inbox-text-muted);
  flex-shrink: 0;
  font-weight: 500;
}
.kwt-inboxMessenger__threadPreview{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.kwt-inboxMessenger__threadPreviewText{
  font-size: 0.65rem !important;
  color: var(--kwt-inbox-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-weight: 400;
}
.kwt-inboxMessenger__dot{
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #F5F7FA;
}
.kwt-inboxMessenger__dot--unread{
  background: var(--kwt-primary);
  box-shadow: 0 0 0 3px rgba(66,133,244,.15);
}
.kwt-inboxMessenger__threadPostLabel{
  display: block;
  font-size: 11px;
  color: rgba(15,23,42,.55);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kwt-inboxMessenger__thread.is-active{
  background: rgba(66,133,244,.06);
}

/* Unread thread emphasis */
.kwt-inboxMessenger__thread--unread .kwt-inboxMessenger__threadName,
.kwt-inboxMessenger__thread--unread .kwt-inboxMessenger__threadPreviewText{
  color: var(--kwt-text);
  font-weight: 600;
}
.kwt-inboxMessenger__thread--unread .kwt-inboxMessenger__threadTime{
  color: var(--kwt-primary);
  font-weight: 600;
}

.kwt-inboxMessenger__hint{
  padding: 14px 16px 18px;
  font-size: 0.72rem;
  color: var(--kwt-inbox-text-muted);
  text-align: center;
}

/* Active thread highlight (radio checked) */
#kwtInboxThread1:checked ~ .kwt-inboxMessenger__shell .kwt-inboxMessenger__thread--1,
#kwtInboxThread2:checked ~ .kwt-inboxMessenger__shell .kwt-inboxMessenger__thread--2,
#kwtInboxThread3:checked ~ .kwt-inboxMessenger__shell .kwt-inboxMessenger__thread--3{
  background: rgba(66,133,244,.08);
}
#kwtInboxThread1:checked ~ .kwt-inboxMessenger__shell .kwt-inboxMessenger__thread--1::before,
#kwtInboxThread2:checked ~ .kwt-inboxMessenger__shell .kwt-inboxMessenger__thread--2::before,
#kwtInboxThread3:checked ~ .kwt-inboxMessenger__shell .kwt-inboxMessenger__thread--3::before{
  background: var(--kwt-primary);
}

/* ---------- Right column: conversation ---------- */
.kwt-inboxMessenger__conv{
  position: relative;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: none;
  flex-direction: column;
  background: var(--kwt-inbox-conv-bg);
}
.kwt-inboxMessenger__panel{
  display: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.kwt-inboxMessenger__empty{
  display: none;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px 24px;
  gap: 6px;
  background:
    radial-gradient(600px 300px at 50% 30%, rgba(66,133,244,.06), transparent 60%),
    #F5F7FA;
}
.kwt-inboxMessenger__empty .ti{
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 2.4rem;
  background: linear-gradient(135deg, rgba(66,133,244,.10), rgba(20,198,203,.10));
  color: var(--kwt-primary);
  margin-bottom: 8px;
}
.kwt-inboxMessenger__empty p{ margin: 0; }

/* Conversation header */
.kwt-inboxMessenger__convHead{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  min-height: 64px;
  border-bottom: 1px solid var(--kwt-inbox-border);
  background: #F5F7FA;
  flex-shrink: 0;
}
.kwt-inboxMessenger__back{
  display: none;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15,23,42,.06) !important;
  background: transparent !important;
  color: var(--kwt-text);
  cursor: pointer;
  flex-shrink: 0;
  font-size: 1.15rem;
  transition: background .15s ease;
}
.kwt-inboxMessenger__back:hover{ background: rgba(15,23,42,.06) !important; }
.kwt-inboxMessenger__convUser{
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 4px 6px;
  border-radius: 12px;
  text-align: left;
  cursor: default;
}
.kwt-inboxMessenger__convUserText{ min-width: 0; }
.kwt-inboxMessenger__convName{
  display: block;
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--kwt-text);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kwt-inboxMessenger__convSub{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: var(--kwt-inbox-text-muted);
  margin-top: 2px;
  --dot-bg: var(--kwt-inbox-online);
  --dot-ring: rgba(22,163,74,.18);
}
.kwt-inboxMessenger__convSub::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dot-bg);
  box-shadow: 0 0 0 3px var(--dot-ring);
}
.kwt-inboxMessenger__convActions{
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
.kwt-inboxMessenger__iconBtn{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 0;
  background: transparent;
  color: var(--kwt-text);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background .15s ease;
  font-size: 1.1rem;
}
.kwt-inboxMessenger__iconBtn:hover{ background: rgba(15,23,42,.06); }
.kwt-inboxMessenger__iconBtn:disabled{ cursor: not-allowed; opacity: .55; }
.kwt-inboxMessenger__iconBtn:disabled:hover{ background: transparent; }

/* Messages area */
.kwt-inboxMessenger__messages{
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 18px 18px 8px;
  background: var(--kwt-inbox-conv-bg);
  display: flex;
  flex-direction: column;
}
.kwt-inboxMessenger__day{
  display: flex;
  justify-content: center;
  margin: 6px 0 14px;
}
.kwt-inboxMessenger__day span{
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--kwt-inbox-text-muted);
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
}
.kwt-inboxMessenger__row{
  display: flex;
  flex-direction: column;
  max-width: min(560px, 78%);
  margin-bottom: 4px;
}
.kwt-inboxMessenger__row + .kwt-inboxMessenger__row{ margin-top: 2px; }
.kwt-inboxMessenger__row--them{ align-self: flex-start; }
.kwt-inboxMessenger__row--me{ align-self: flex-end; align-items: flex-end; }
.kwt-inboxMessenger__bubble{
  padding: 9px 14px;
  border-radius: 18px;
  font-size: 0.92rem;
  line-height: 1.4;
  word-wrap: break-word;
  max-width: 100%;
}
.kwt-inboxMessenger__bubble--them{
  background: var(--kwt-inbox-bubble-them);
  color: var(--kwt-text);
  border-bottom-left-radius: 6px;
}
.kwt-inboxMessenger__bubble--me{
  background: var(--kwt-inbox-bubble-me);
  color: #F5F7FA;
  border-bottom-right-radius: 6px;
  box-shadow: 0 6px 16px rgba(66,133,244,.18);
}
.kwt-inboxMessenger__metaTime{
  font-size: 0.7rem;
  color: var(--kwt-inbox-text-muted);
  margin: 4px 4px 8px;
}

/* Attach (paperclip) button inside the input wrap */
.kwt-inboxMessenger__attach{
  flex: 0 0 auto;
  width: 36px; height: 36px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  color: var(--kwt-inbox-text-muted, #16A34A);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1.05rem;
  transition: background .15s ease, color .15s ease;
}
.kwt-inboxMessenger__attach:hover{ background: rgba(15,23,42,.05); color: var(--kwt-primary, #4285F4); }
.kwt-inboxMessenger__attach:disabled{ opacity: .5; cursor: default; }

/* Selected image preview above the composer */
.kwt-inboxMessenger__attachPreview{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 6px 8px;
  background: #F5F7FA;
  border-radius: 12px;
  max-width: 220px;
  position: relative;
}
.kwt-inboxMessenger__attachPreview[hidden]{ display: none; }
.kwt-inboxMessenger__attachPreview img{
  width: 60px; height: 60px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}
.kwt-inboxMessenger__attachClear{
  border: 0;
  background: rgba(15,23,42,.55);
  color: #F5F7FA;
  width: 24px; height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  position: absolute;
  top: -6px;
  left: 52px;
}
.kwt-inboxMessenger__attachClear:hover{ background: #0F172A; }

/* Image bubble */
.kwt-chatImage{
  display: block;
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 12px;
  overflow: hidden;
  max-width: 260px;
  line-height: 0;
  cursor: zoom-in;
}
.kwt-chatImage:hover img{ filter: brightness(.96); }
.kwt-chatImage img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: cover;
}

/* In-page lightbox */
.kwt-chatLightbox{
  position: fixed;
  inset: 0;
  background: rgba(15,23,42,.92);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 24px;
  opacity: 0;
  transition: opacity .18s ease;
}
.kwt-chatLightbox.is-open{ display: flex; opacity: 1; }
.kwt-chatLightbox__img{
  max-width: 96vw;
  max-height: 92vh;
  width: auto;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 20px 50px rgba(15,23,42,.45);
  background: #0F172A;
  user-select: none;
  -webkit-user-drag: none;
}
.kwt-chatLightbox__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 0;
  background: rgba(245,247,250,.12);
  color: #F5F7FA;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1.1rem;
  transition: background .15s ease;
}
.kwt-chatLightbox__close:hover{ background: rgba(245,247,250,.22); }
.kwt-inboxMessenger__bubble:has(> .kwt-chatImage:only-child){
  background: transparent !important;
  padding: 0;
  box-shadow: none;
}

/* Chat toast (errors / status) */
.kwt-chatToast{
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translate(-50%, 12px);
  background: rgba(15,23,42,.92);
  color: #F5F7FA;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 500;
  box-shadow: 0 10px 24px rgba(15,23,42,.18);
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
  z-index: 9999;
  max-width: calc(100% - 32px);
  text-align: center;
}
.kwt-chatToast.is-show{ opacity: 1; transform: translate(-50%, 0); }
.kwt-chatToast--error{ background: #DC2626; }

/* Read receipts (single = sent, double = seen) */
.kwt-inboxMessenger__ticks{
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  color: var(--kwt-inbox-text-muted, #16A34A);
  font-size: 0.85rem;
  line-height: 1;
  vertical-align: middle;
}
.kwt-inboxMessenger__ticks.is-seen{ color: #4285F4; }

/* Listing card inside a chat bubble */
.kwt-chatCard{
  display: flex;
  gap: 10px;
  align-items: stretch;
  padding: 8px;
  margin-top: 6px;
  background: #F5F7FA;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  max-width: 320px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.kwt-chatCard:hover{
  transform: translateY(-1px);
  border-color: rgba(66,133,244,.35);
  box-shadow: 0 6px 16px rgba(15,23,42,.08);
}
.kwt-chatCard__thumb{
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  background: #F5F7FA;
  display: block;
}
.kwt-chatCard__thumb img{
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.kwt-chatCard__body{
  display: flex; flex-direction: column; justify-content: center;
  min-width: 0; gap: 2px;
}
.kwt-chatCard__title{
  font-weight: 600;
  font-size: 0.9rem;
  color: #0F172A;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.25;
}
.kwt-chatCard__price{
  font-size: 0.85rem;
  color: var(--kwt-primary, #4285F4);
  font-weight: 600;
}
.kwt-chatCard__cta{
  font-size: 0.72rem;
  color: var(--kwt-inbox-text-muted, #16A34A);
  margin-top: 2px;
}
.kwt-inboxMessenger__bubble--me .kwt-chatCard{
  background: rgba(245,247,250,.95);
}
.kwt-inboxMessenger__bubble--me .kwt-chatCard__title,
.kwt-inboxMessenger__bubble--me .kwt-chatCard__cta{
  color: #0F172A;
}

.kwt-chatOffer{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  margin-top: 6px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(220,38,38,0.25);
  background: linear-gradient(145deg, rgba(220,38,38,.06), rgba(66,133,244,.04));
  text-align: left;
  max-width: 100%;
}
.kwt-chatOffer__badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #DC2626;
  width: 100%;
}
.kwt-chatOffer__thumb{
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
.kwt-chatOffer__thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-chatOffer__body{
  flex: 1 1 140px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kwt-chatOffer__title{
  font-weight: 600;
  font-size: 0.88rem;
  color: #0F172A;
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kwt-chatOffer__title:hover{ color: var(--kwt-primary, #4285F4); }
.kwt-chatOffer__amount{
  font-size: 1.05rem;
  font-weight: 700;
  color: #DC2626;
}
.kwt-chatOffer__ask{
  font-size: 0.78rem;
  color: #16A34A;
}
.kwt-chatOffer__note{
  font-size: 0.82rem;
  color: #0F172A;
  margin-top: 4px;
  white-space: pre-wrap;
}
.kwt-chatOffer--swap{
  border-color: rgba(22,163,74,0.28);
  background: linear-gradient(145deg, rgba(22,163,74,.07), rgba(66,133,244,.04));
}
.kwt-chatOffer--swap .kwt-chatOffer__badge{ color: #16A34A; }
.kwt-chatOffer__swapOffer{
  font-size: 0.86rem;
  font-weight: 600;
  color: #0F172A;
  line-height: 1.4;
  white-space: pre-wrap;
}
.kwt-chatOffer__cashPlus{
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  color: #DC2626;
  margin-top: 4px;
}
.kwt-inboxMessenger__bubble--me .kwt-chatOffer{
  background: rgba(245,247,250,.95);
}

/* Composer */
.kwt-inboxMessenger__composer{
  flex: 0 0 auto;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--kwt-inbox-border);
  background: #F5F7FA;
  width: 100%;
  box-sizing: border-box;
}
.kwt-inboxMessenger__composerInner{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kwt-inboxMessenger__inputWrap{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 4px;
  background: #fff;
  border-radius: 24px;
  padding: 4px 4px 4px 6px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  border: 1px solid rgba(15,23,42,.12);
  box-sizing: border-box;
}
.kwt-inboxMessenger__inputWrap:focus-within{
  background: #fff;
  border-color: rgba(66,133,244,.45);
  box-shadow: 0 0 0 3px rgba(66,133,244,.1);
}
.kwt-inboxMessenger__input{
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px;
  max-height: 140px;
  resize: none;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 10px 4px !important;
  font-size: 16px !important;
  line-height: 1.35;
  color: var(--kwt-text);
  height: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.kwt-inboxMessenger__inputWrap .kwt-inboxMessenger__iconBtn{
  width: 34px; height: 34px; border-radius: 50%;
}
.kwt-inboxMessenger__inputWrap .kwt-inboxMessenger__send{
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  border-radius: 50%;
  border: 0;
  display: grid;
  place-items: center;
  background: var(--kwt-primary);
  color: #F5F7FA;
  cursor: pointer;
  font-size: 1rem;
  box-shadow: none;
  transition: transform .12s ease, background .15s ease;
}
.kwt-inboxMessenger__inputWrap .kwt-inboxMessenger__send:hover{
  transform: none;
  filter: brightness(1.05);
}
.kwt-inboxMessenger__inputWrap .kwt-inboxMessenger__send:disabled{
  cursor: not-allowed;
  opacity: .55;
}
.kwt-inboxMessenger__send{
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 0;
  display: grid;
  place-items: center;
  background: var(--kwt-primary);
  color: #F5F7FA;
  flex-shrink: 0;
  cursor: pointer;
  font-size: 1.05rem;
  box-shadow: 0 6px 16px rgba(66,133,244,.30);
  transition: transform .12s ease, box-shadow .15s ease;
}
.kwt-inboxMessenger__send:hover{ transform: translateY(-1px); }
.kwt-inboxMessenger__send:disabled{
  cursor: not-allowed;
  opacity: .55;
  box-shadow: none;
}

/* Scrollbars (subtle) */
.kwt-inboxMessenger__threads,
.kwt-inboxMessenger__messages{ scrollbar-width: thin; scrollbar-color: rgba(15,23,42,.18) transparent; }
.kwt-inboxMessenger__threads::-webkit-scrollbar,
.kwt-inboxMessenger__messages::-webkit-scrollbar{ width: 8px; }
.kwt-inboxMessenger__threads::-webkit-scrollbar-thumb,
.kwt-inboxMessenger__messages::-webkit-scrollbar-thumb{
  background: rgba(15,23,42,.16);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

/* Which conversation panel is visible */
.kwt-inboxMessenger.has-thread .kwt-inboxMessenger__panel--active{display:flex;}
.kwt-inboxMessenger:not(.has-thread) .kwt-inboxMessenger__empty{display:flex;}
.kwt-inboxMessenger.has-thread .kwt-inboxMessenger__empty{display:none !important;}

/* ---------- Mobile: edge-to-edge, full screen ---------- */
@media (max-width: 900px){
  .kwt-inboxMessenger{
    /* mobile = appbar (75) + profileTopbar (~48) + bottombar (~70) � 195 */
    --kwt-inbox-chrome: 195px;
    /* Break out of the centered .kwt-shell wrapper to span the full mobile viewport */
    width: 100vw; max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
  }
  .kwt-inboxMessenger__shell{
    width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 0 !important;
  }
  .kwt-inboxMessenger__conv{ display: none; }
  .kwt-inboxMessenger__list{
    flex: 1;
    border-right: 0;
    width: 100%;
  }
  .kwt-inboxMessenger__listHead{ padding: 14px 14px 10px; }
  .kwt-inboxMessenger__title{ font-size: 1.15rem; }
  .kwt-inboxMessenger__thread{ padding: 11px 14px; }
  .kwt-inboxMessenger__avatar{ width: 48px; height: 48px; }

  .kwt-inboxMessenger.is-thread-open .kwt-inboxMessenger__list{ display: none; }
  .kwt-inboxMessenger.is-thread-open .kwt-inboxMessenger__conv{ display: flex; }
  .kwt-inboxMessenger:not(.is-thread-open) .kwt-inboxMessenger__conv{ display: none; }

  .kwt-inboxMessenger__back{ display: inline-flex; }
  .kwt-inboxMessenger__hint--list{ display: none; }
  .kwt-inboxMessenger__convHead{ padding: 10px 10px 10px 6px; min-height: 60px; }
  .kwt-inboxMessenger__convName{ font-size: 0.95rem; }
  .kwt-inboxMessenger__messages{ padding: 14px 12px 6px; }
  .kwt-inboxMessenger__row{ max-width: 86%; }
  .kwt-inboxMessenger__bubble{ font-size: 0.9rem; padding: 8px 12px; }
  .kwt-inboxMessenger__composer{ padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); }
  .kwt-inboxMessenger__inputWrap{
    border-radius: 22px;
    padding: 3px 3px 3px 4px;
  }
  .kwt-inboxMessenger__inputWrap .kwt-inboxMessenger__send{
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }
  .kwt-inboxMessenger__attach{
    width: 34px;
    height: 34px;
    min-width: 34px;
  }
}

/* ---------- Desktop: two columns ---------- */
@media (min-width: 901px){
  .kwt-inboxMessenger__shell{
    flex-direction: row;
    align-items: stretch;
    min-height: 0;
    height: calc(100dvh - var(--kwt-inbox-chrome));
  }
  .kwt-inboxMessenger__list{
    width: 360px;
    flex: 0 0 360px;
    border-right: 1px solid var(--kwt-inbox-border);
  }
  .kwt-inboxMessenger__conv{ display: flex; }
  .kwt-inboxMessenger__back{ display: none; }
  /* On desktop, when no thread picked, show the empty placeholder */
  .kwt-inboxMessenger:not(.has-thread) .kwt-inboxMessenger__panel{display:none !important;}
}


/* ============================================================
 * Floating Messaging Dock (LinkedIn-style) � global, logged-in
 * ============================================================ */
.kwt-chatDock{
  position: fixed;
  right: 14px;
  bottom: 0;
  z-index: 850;
  width: 260px;
  max-width: calc(100vw - 32px);
  font-family: inherit;
  pointer-events: auto;
}

/* Collapsed launcher (always visible) */
.kwt-chatDock__launcher{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 22px 14px 20px 14px;
  background:#F5F7FA;
  border: 1px solid rgba(15,23,42,.5);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 -10px 30px rgba(15,23,42,.08);
  cursor: pointer;
  text-align: left;
  color: var(--kwt-text);
  transition: background .15s ease;
}
.kwt-chatDock__launcher:hover{ background: #14C6CB; }
.kwt-chatDock__launcherIcon{
  width: 36px; height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(66,133,244,.12), rgba(20,198,203,.12));
  color: var(--kwt-primary);
  font-size: 1rem;
  flex-shrink: 0;
}
.kwt-chatDock__launcherText{ display: flex; flex-direction: column; min-width: 0; flex: 1; }
.kwt-chatDock__launcherTitle{
  font-weight: 600;
  font-size: 0.65rem;
  letter-spacing: -0.01em;
  color:var(--kwt-dark);
}
.kwt-chatDock__launcherSub{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.65rem;
  color:var(--kwt-dark);
}
.kwt-chatDock__pulse{
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--kwt-primary);
  box-shadow: 0 0 0 0 rgba(66,133,244,.45);
  animation: kwtChatPulse 2s infinite;
}
@keyframes kwtChatPulse{
  0%   { box-shadow: 0 0 0 0 rgba(66,133,244,.45); }
  60%  { box-shadow: 0 0 0 10px rgba(66,133,244,0); }
  100% { box-shadow: 0 0 0 0 rgba(66,133,244,0); }
}
.kwt-chatDock__launcherChev{
  width: 28px; height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: rgba(15,23,42,.55);
  transition: transform .2s ease;
  flex-shrink: 0;
}
/* When open, header has close � hide launcher so it is not stacked under the panel */
.kwt-chatDock[data-open="true"] .kwt-chatDock__launcher{
  display: none;
}

/* Expanded panel */
.kwt-chatDock__panel{
  display: flex;
  flex-direction: column;
  background: #F5F7FA;
  border: 1px solid rgba(15,23,42,.10);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 -22px 50px rgba(15,23,42,.14);
  max-height: min(70vh, 560px);
  overflow: hidden;
  transform-origin: bottom right;
  animation: kwtChatPop .18s ease-out;
}
@keyframes kwtChatPop{
  0%   { opacity: 0; transform: translateY(8px) scale(.98); }
  100% { opacity: 1; transform: translateY(0)   scale(1);   }
}

/* Panel header */
.kwt-chatDock__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: #F5F7FA;
}
.kwt-chatDock__headLeft{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.kwt-chatDock__avatar{
  width: 36px; height: 36px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(66,133,244,.12), rgba(20,198,203,.10));
  flex-shrink: 0;
  border: 1px solid rgba(15,23,42,.06);
}
.kwt-chatDock__avatar img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-chatDock__avatarInitial{
  width: 100%; height: 100%;
  display: grid; place-items: center;
  font-weight: 600; font-size: 0.75rem;
  color: var(--kwt-primary);
}
.kwt-chatDock__headText{ display: flex; flex-direction: column; min-width: 0; }
.kwt-chatDock__headTitle{ font-size: 0.75rem; margin-bottom: 0; letter-spacing: -0.01em; }
.kwt-chatDock__headSub{ font-size: 0.55rem; color: rgba(15,23,42,.55); }
.kwt-chatDock__headActions{ display: flex; gap: 0px; }
.kwt-chatDock__iconBtn{
  width: 26px; height: 26px;
  border-radius: 10px;
  border: 0;
  background: transparent;
  color: var(--kwt-dark);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background .15s ease;
  text-decoration: none;
  font-size: 1rem;
}
.kwt-chatDock__iconBtn:hover{ background: rgba(15,23,42,.06); }

/* Guest auth modal */
.kwt-authModal[hidden]{
  display:none !important;
}
.kwt-authModal{
  position:fixed;
  inset:0;
  z-index:12500;
  display:grid;
  place-items:center;
  padding:16px;
  animation:kwtAuthFadeIn .28s ease;
}
@keyframes kwtAuthFadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}
.kwt-authModal__backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 15% -5%, rgba(66,133,244,.32), transparent 55%),
    radial-gradient(700px 420px at 85% 110%, rgba(20,198,203,.22), transparent 60%),
    rgba(15,23,42,.62);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.kwt-authModal__dialog{
  position:relative;
  z-index:1;
  width:min(94vw, 440px);
  max-height:min(92vh, 92dvh);
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  border-radius:24px;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 32px 90px rgba(15,23,42,.34), 0 0 0 1px rgba(255,255,255,.35) inset;
  overflow:hidden;
  animation:kwtAuthSheetUp .34s cubic-bezier(.22,1,.36,1);
}
@keyframes kwtAuthSheetUp{
  from{ opacity:0; transform:translateY(18px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
.kwt-authModal__sheetHandle{
  display:none;
  width:44px;
  height:5px;
  border-radius:999px;
  background:rgba(15,23,42,.16);
  margin:10px auto 0;
  flex-shrink:0;
}
.kwt-authModal__hero{
  position:relative;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100%;
  padding:12px 20px 4px;
  flex-shrink:0;
  text-align:center;
}
.kwt-authModal__heroGlow{
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(66,133,244,.28), transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.kwt-authModal__logoWrap{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:120px;
  height:32px;
  margin:0 auto;
  overflow:hidden;
  flex-shrink:0;
}
.kwt-authModal__logo{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.kwt-authModal__close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  width:38px;
  height:38px;
  border:1px solid rgba(15,23,42,.1);
  border-radius:12px;
  background:rgba(255,255,255,.88);
  color:rgba(15,23,42,.72);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.kwt-authModal__close:hover{
  background:#fff;
  transform:rotate(90deg);
}
.kwt-authModal__content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:0 20px 8px;
  -webkit-overflow-scrolling:touch;
}
.kwt-authModal__head{
  text-align:center;
  padding:4px 8px 0;
}
.kwt-authModal__title{
  margin:0 auto;
  max-width:100%;
  font-size:1.45rem;
  letter-spacing:-.03em;
  font-weight:600;
  color:#0f172a;
  line-height:1.15;
  text-align:center;
}
.kwt-authModal__sub{
  margin:8px auto 0;
  max-width:100%;
  color:rgba(15,23,42,.58);
  font-size:.86rem;
  line-height:1.45;
  text-align:center;
}
.kwt-authModal__tabs{
  display:flex;
  gap:6px;
  margin:16px 0 12px;
  padding:4px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(15,23,42,.04);
}
.kwt-authModal__tab{
  flex:1;
  border:0;
  background:transparent;
  border-radius:999px;
  padding:10px 8px;
  cursor:pointer;
  font-weight:700;
  font-size:.84rem;
  color:rgba(15,23,42,.62);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:all .22s ease;
}
.kwt-authModal__tab .ti{ font-size:1rem; line-height:1; }
.kwt-authModal__tab:hover{ color:rgba(15,23,42,.92); }
.kwt-authModal__tab.is-active{
  background:linear-gradient(135deg, #4285F4, #2563eb);
  color:#fff;
  box-shadow:0 10px 22px rgba(37,99,235,.28);
}
.kwt-authModal__msg{
  min-height:0;
  font-size:.78rem;
  color:var(--kwt-muted);
  margin:0 0 10px;
  text-align:center;
}
.kwt-authModal__msg:empty{ display:none; }
.kwt-authModal__msg:not(:empty){
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.86);
}
.kwt-authModal__msg.is-error{
  color:#b91c1c;
  border-color:rgba(220,38,38,.22);
  background:rgba(254,226,226,.72);
}
.kwt-authModal__msg.is-success{
  color:#15803d;
  border-color:rgba(22,163,74,.22);
  background:rgba(220,252,231,.72);
}
.kwt-authModal__panel{
  display:none;
  gap:12px;
}
.kwt-authModal__panel.is-active{
  display:grid;
  animation:kwtAuthPanelIn .24s ease;
}
@keyframes kwtAuthPanelIn{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:translateY(0); }
}
.kwt-authModal label.kwt-authField{
  font-size:inherit;
  font-weight:400 !important;
  color:inherit;
  margin:0;
  cursor:text;
}
#kwtAuthModal .kwt-authField,
.kwt-authModal .kwt-authField{
  position:relative;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0;
  padding:0;
  box-sizing:border-box;
}
.kwt-authField--grow{
  flex:1 1 100%;
  min-width:0;
  width:100% !important;
}
#kwtAuthModal .kwt-authField__icon,
.kwt-authModal .kwt-authField__icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin:0;
  padding:0;
  color:rgba(15,23,42,.42);
  font-size:1.05rem;
  line-height:1;
  pointer-events:none;
}
#kwtAuthModal .kwt-authField__icon.ti::before,
.kwt-authModal .kwt-authField__icon.ti::before{
  display:block;
  line-height:1;
}
#kwtAuthModal .kwt-authField__input,
#kwtAuthModal .kwt-authModal__panel input.form-control.kwt-authField__input,
#kwtAuthModal .kwt-authModal__panel input.kwt-authModal__identityInput,
.kwt-authModal .kwt-authField__input,
.kwt-authModal .kwt-authModal__panel input.form-control.kwt-authField__input,
.kwt-authModal .kwt-authModal__panel input.kwt-authModal__identityInput{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 14px 0 44px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  font-size:16px !important;
  line-height:48px !important;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .18s ease, box-shadow .18s ease;
  margin:0 !important;
}
.kwt-authModal .kwt-authModal__panel .form-control::placeholder{ color:rgba(15,23,42,.46); }
#kwtAuthModal .kwt-authField__input:focus,
.kwt-authModal .kwt-authField__input:focus,
.kwt-authModal .kwt-authModal__panel input.form-control.kwt-authField__input:focus{
  border-color:rgba(66,133,244,.55) !important;
  box-shadow:0 0 0 4px rgba(66,133,244,.14) !important;
  outline:none;
}
.kwt-authModal__switch{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:0;
  padding:4px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(15,23,42,.04);
  overflow:hidden;
}
.kwt-authModal__switchThumb{
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 8px);
  border-radius:999px;
  background:linear-gradient(135deg, #0f172a, #1e3a8a);
  box-shadow:0 8px 18px rgba(15,23,42,.22);
  transition:transform .24s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.kwt-authModal__switch.is-whatsapp .kwt-authModal__switchThumb{
  transform:translateX(100%);
}
.kwt-authModal__switchBtn{
  position:relative;
  z-index:1;
  border:0;
  background:transparent;
  border-radius:999px;
  padding:10px 8px;
  cursor:pointer;
  font-weight:700;
  font-size:.78rem;
  line-height:1.1;
  color:rgba(15,23,42,.62);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  transition:color .2s ease;
}
.kwt-authModal__switchBtn .ti{ font-size:.95rem; }
.kwt-authModal__switchBtn.is-active{ color:#fff; }
.kwt-authModal__loginMode{ display:none; gap:10px; }
.kwt-authModal__loginMode.is-active{ display:grid; }
.kwt-authModal__stepBadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  align-self:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(66,133,244,.1);
  color:#1d4ed8;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.02em;
}
.kwt-authModal__fieldLabel{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:.74rem;
  font-weight:700;
  color:rgba(15,23,42,.72);
  margin:2px 0 0;
  text-align:center;
}
.kwt-authModal__fieldLabel .ti{ color:#4285F4; }
.kwt-authModal__identityWrap{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:10px;
  width:100%;
  min-width:0;
}
.kwt-authModal__identityWrap .kwt-authField{
  flex:1 1 100%;
  min-width:0;
  width:100% !important;
}
.kwt-authModal__identityWrap.is-phone-mode{
  flex-wrap:nowrap;
  flex-direction:row;
}
.kwt-authModal__identityWrap.is-phone-mode .kwt-authField,
.kwt-authModal__identityWrap.is-phone-mode .kwt-authField--grow{
  flex:1 1 0;
  min-width:0;
  width:auto !important;
  max-width:none;
}
.kwt-authModal__identityWrap .kwt-authModal__identityInput{
  width:100% !important;
  min-width:0 !important;
}


.kwt-authCountry{
  position:relative;
  flex:0 0 auto;
  width:118px;
  min-width:118px;
}
.kwt-authCountry__trigger{
  width:100%;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  border-radius:14px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:4px;
  padding:0 10px;
  font-size:.72rem;
  font-weight:700;
  color:var(--kwt-text);
  cursor:pointer;
  box-sizing:border-box;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.kwt-authCountry__trigger:hover{
  border-color:rgba(66,133,244,.35);
}
.kwt-authCountry__triggerIso{
  color:rgba(15,23,42,.58);
  font-size:.66rem;
  letter-spacing:.04em;
}
.kwt-authCountry__triggerDial{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.kwt-authCountry__menu{
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  width:min(300px, 78vw);
  background:#fff;
  border:1px solid rgba(15,23,42,.1);
  border-radius:16px;
  box-shadow:0 20px 50px rgba(15,23,42,.16);
  padding:10px;
  z-index:40;
}
.kwt-authCountry__menu[hidden]{ display:none !important; }
.kwt-authCountry__searchWrap{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 10px;
  border:1px solid rgba(15,23,42,.1);
  border-radius:12px;
  background:rgba(15,23,42,.03);
}
.kwt-authCountry__searchWrap .ti{
  color:rgba(15,23,42,.48);
  font-size:.86rem;
}
.kwt-authCountry__searchInput{
  border:0 !important;
  background:transparent !important;
  min-height:38px !important;
  height:38px !important;
  padding:0 !important;
  font-size:.76rem;
}
.kwt-authCountry__searchInput:focus{ box-shadow:none !important; }
.kwt-authCountry__list{
  display:grid;
  gap:4px;
  max-height:220px;
  margin-top:8px;
  overflow-y:auto;
}
.kwt-authCountry__option{
  width:100%;
  border:0;
  background:transparent;
  border-radius:10px;
  display:grid;
  grid-template-columns:34px 1fr auto;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  text-align:left;
  cursor:pointer;
  color:var(--kwt-text);
}
.kwt-authCountry__option:hover,
.kwt-authCountry__option.is-selected{
  background:rgba(66,133,244,.08);
}
.kwt-authCountry__optionIso{
  font-size:.68rem;
  font-weight:700;
  color:rgba(15,23,42,.58);
  letter-spacing:.05em;
}
.kwt-authCountry__optionName{
  min-width:0;
  font-size:.76rem;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kwt-authCountry__optionDial{
  font-size:.74rem;
  font-weight:700;
  color:rgba(15,23,42,.72);
}
.kwt-authModal__identityWrap:not(.is-phone-mode) .kwt-authCountry{ display:none; }
.kwt-authModal__identityWrap.is-phone-mode .kwt-authModal__identityInput{
  width:100% !important;
  min-width:0 !important;
}
.kwt-authModal__verifyText{
  margin:0 auto;
  font-size:.8rem;
  text-align:center;
  color:rgba(15,23,42,.62);
  line-height:1.45;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  max-width:100%;
}
.kwt-authModal__verifyText .ti{
  color:#25D366;
  font-size:1rem;
  flex-shrink:0;
  margin-top:1px;
}
.kwt-authModal__otp{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:8px;
}
.kwt-authModal input.kwt-authModal__otpCell{
  width:100%;
  height:50px !important;
  min-height:50px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  border-radius:14px !important;
  text-align:center;
  font-size:1.15rem !important;
  font-weight:800;
  letter-spacing:.02em;
  padding:0 !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:none !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .12s ease;
  margin:0 !important;
  -webkit-appearance:none;
  appearance:none;
  line-height:normal !important;
}
.kwt-authModal input.kwt-authModal__otpCell:focus{
  outline:none;
  border-color:rgba(66,133,244,.55) !important;
  box-shadow:0 0 0 4px rgba(66,133,244,.14);
  transform:translateY(-1px);
}
.kwt-authModal__verifyActions{
  display:flex;
  gap:8px;
  justify-content:space-between;
  margin-top:4px;
}
.kwt-authModal__verifyActions .button{
  flex:1;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.kwt-authModal__submit,
.kwt-authModal__panel .button.dark,
.kwt-authModal__panel .button.bg-darkblue{
  background:linear-gradient(135deg, #4285F4, #2563eb) !important;
  color:#fff !important;
  min-height:50px;
  font-size:.95rem;
  font-weight:500;
  border:0 !important;
  box-shadow:0 14px 28px rgba(37,99,235,.28);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.kwt-authModal__submit:hover,
.kwt-authModal__panel .button.dark:hover,
.kwt-authModal__panel .button.bg-darkblue:hover{
  filter:brightness(1.04);
  box-shadow:0 16px 32px rgba(37,99,235,.34);
}
.kwt-authModal__panel .button.light{
  border:1px solid rgba(15,23,42,.12) !important;
  background:rgba(255,255,255,.9) !important;
  color:rgba(15,23,42,.82) !important;
}
.kwt-authModal__social{
  flex-shrink:0;
  width:100%;
  padding:0 20px 8px;
  position:relative;
  z-index:3;
  pointer-events:auto;
}
.kwt-authModal__social[hidden]{
  display:none !important;
}
.kwt-authModal__socialDivider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:4px 0 12px;
  color:rgba(15,23,42,.45);
  font-size:.75rem;
  text-transform:lowercase;
}
.kwt-authModal__socialDivider::before,
.kwt-authModal__socialDivider::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(15,23,42,.1);
}
.kwt-authModal__socialBtns{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.kwt-authModal__socialBtn{
  flex:1 1 calc(50% - 5px);
  min-width:0;
  position:relative;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  font-size:.875rem;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  font-family:inherit;
  line-height:1.2;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(66,133,244,.12);
  pointer-events:auto;
  user-select:none;
  -webkit-user-select:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.kwt-authModal__socialBtn[hidden],
.kwt-authModal__socialBtn[aria-disabled="true"]{
  pointer-events:none;
  opacity:.45;
}
.kwt-authModal__socialBtn:active{
  transform:scale(.98);
  background:rgba(15,23,42,.04);
}
.kwt-authModal__socialBtn:hover{
  background:rgba(15,23,42,.03);
  border-color:rgba(15,23,42,.18);
  color:#0f172a;
}
.kwt-authModal__socialBtn .ti{ font-size:1.05rem; }
.kwt-authModal__socialBtn--google .ti{ color:#4285F4; }
.kwt-authModal__socialBtn--facebook .ti{ color:#1877F2; }
.kwt-authModal__trust{
  flex-shrink:0;
  width:100%;
  margin:0;
  padding:10px 20px 16px;
  text-align:center !important;
  font-size:.72rem;
  font-weight:600;
  color:rgba(15,23,42,.48);
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px;
}
.kwt-authModal__trust .ti{ color:#4285F4; font-size:.95rem; }
.kwt-authModal .kwt-policyConsent{
  display:flex !important;
  padding:4px 12px !important;
  border-radius:12px;
  background:rgba(15,23,42,.03);
  border:1px solid rgba(15,23,42,.06);
  font-size:.65rem !important;
  color:rgba(15,23,42,.68);
  align-items:center !important;
  text-align:left;
  line-height:1.45 !important;
  gap:8px;
}
.kwt-authModal .kwt-policyConsent input[type="checkbox"]{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  min-height:14px !important;
  flex:0 0 14px !important;
  margin:0 !important;
  align-self:center;
  border:1px solid rgba(15,23,42,.28) !important;
  border-radius:4px !important;
}
.kwt-authModal .kwt-policyConsent > span{
  font-size:.65rem !important;
  line-height:1.45 !important;
  flex:1;
  min-width:0;
}
.kwt-authModal .kwt-policyConsent a{
  color:#2563eb;
  font-weight:700;
}
.kwt-authModal__panel .button.link,
.kwt-authModal__linkBtn{
  justify-content:center;
  padding:0;
  min-height:auto;
  color:#2563eb !important;
  font-weight:700;
  width:100%;
  text-align:center;
}

@media (max-width: 768px){
  .kwt-authModal{
    align-items:end;
    padding:0;
  }
  .kwt-authModal__dialog{
    width:100%;
    max-width:100%;
    max-height:min(94dvh, 94vh);
    border-radius:22px 22px 0 0;
    animation:kwtAuthMobileUp .34s cubic-bezier(.22,1,.36,1);
  }
  @keyframes kwtAuthMobileUp{
    from{ transform:translateY(100%); }
    to{ transform:translateY(0); }
  }
  .kwt-authModal__sheetHandle{ display:block; }
  .kwt-authModal__hero{
    padding:8px 16px 2px;
  }
  .kwt-authModal__logoWrap{
    width:108px;
    height:28px;
  }
  .kwt-authModal__close{
    top:max(10px, env(safe-area-inset-top));
    right:10px;
    width:36px;
    height:36px;
  }
  .kwt-authModal__head{
    padding:2px 4px 0;
  }
  .kwt-authModal__title{ font-size:1.22rem; }
  .kwt-authModal__sub{ font-size:.8rem; }
  .kwt-authModal__content{ padding:0 16px 8px; }
  .kwt-authModal__tab{ font-size:.78rem; padding:9px 6px; }
  .kwt-authModal__switchBtn{ font-size:.72rem; padding:9px 6px; }
  .kwt-authCountry__trigger{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    border-radius:13px;
  }
  .kwt-authModal__identityWrap.is-phone-mode{
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:8px;
  }
  .kwt-authModal__identityWrap.is-phone-mode .kwt-authCountry{
    flex:0 0 104px;
    width:104px;
    min-width:104px;
    max-width:104px;
  }
  #kwtAuthModal .kwt-authField__input,
  .kwt-authModal .kwt-authField__input,
  .kwt-authModal .kwt-authModal__panel input.form-control.kwt-authField__input{
    height:48px !important;
    min-height:48px !important;
    line-height:48px !important;
    font-size:16px !important;
    padding:0 12px 0 42px !important;
  }
  #kwtAuthModal .kwt-authField__icon,
  .kwt-authModal .kwt-authField__icon{
    left:12px;
  }
  .kwt-authModal__otp{ gap:5px; }
  .kwt-authModal input.kwt-authModal__otpCell{
    height:44px !important;
    min-height:44px !important;
    font-size:1rem !important;
    border-radius:12px !important;
    -webkit-appearance:none;
    appearance:none;
  }
  .kwt-authModal__submit,
  .kwt-authModal__panel .button.dark,
  .kwt-authModal__panel .button.bg-darkblue,
  .kwt-authModal__verifyActions .button{
    min-height:48px !important;
    height:48px !important;
    font-size:.92rem !important;
  }
  .kwt-authModal__trust{
    padding:8px 16px calc(12px + env(safe-area-inset-bottom));
    font-size:.7rem;
  }
}

/* Compact policy consent checkbox rows (signup + post publish) */
.kwt-policyConsent{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.5 !important;
}
.kwt-policyConsent input[type="checkbox"]{
  width:14px !important;
  height:14px !important;
  margin:0;
  flex:0 0 14px !important;
  border:1px solid #999 !important;
}
.kwt-policyConsent > span{
  display: inline-block; font-size:0.65rem;
}

/* Search */
.kwt-chatDock__search{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 14px;
  padding: 8px 12px;
  background: #F5F7FA;
  border: 1px solid transparent;
  border-radius: 999px;
}
.kwt-chatDock__search .ti{ color: rgba(15,23,42,.45); font-size: 1rem; }
.kwt-chatDock__search input{
  flex: 1;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.85rem;
  color: var(--kwt-text);
}

/* Recent chats list */
.kwt-chatDock__list{
  list-style: none;
  margin: 0;
  padding: 0 0 4px;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(15,23,42,.18) transparent;
}
.kwt-chatDock__list::-webkit-scrollbar{ width: 6px; }
.kwt-chatDock__list::-webkit-scrollbar-thumb{
  background: rgba(15,23,42,.18);
  border-radius: 999px;
}
.kwt-chatDock__chat{
  display: flex;
  gap: 10px;
  padding: 10px 14px;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: background .15s ease;
}
.kwt-chatDock__chat:hover{ background: rgba(15,23,42,.04); }
.kwt-chatDock__chatAvatar{
  position: relative;
  width: 32px; height: 32px;
  border-radius: 50%;
  overflow: visible;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(66,133,244,.12), rgba(20,198,203,.10));
}
.kwt-chatDock__chatAvatar img{
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.kwt-chatDock__presence{
  position: absolute;
  right: 0; bottom: 0;
  width: 11px; height: 11px;
  border-radius: 50%;
  background: #16A34A;
  border: 2px solid #F5F7FA;
}
.kwt-chatDock__chatBody{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kwt-chatDock__chatTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.kwt-chatDock__chatName{
  font-weight: 600;
  font-size: 0.65rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kwt-text);
  margin:0; padding:0; line-height: 1;
}
.kwt-chatDock__chatTime{
  font-size: 0.55rem;
  color: rgba(15,23,42,.5);
  flex-shrink: 0;
}
.kwt-chatDock__chatPreview{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.kwt-chatDock__chatText{
  font-size: 0.55rem;
  color: rgba(15,23,42,.55);
  margin:0; padding:0; line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.kwt-chatDock__dot{
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--kwt-primary);
  flex-shrink: 0;
}
.kwt-chatDock__chat--unread .kwt-chatDock__chatName,
.kwt-chatDock__chat--unread .kwt-chatDock__chatText{
  color: var(--kwt-text);
  font-weight: 600;
}
.kwt-chatDock__chat--unread .kwt-chatDock__chatTime{
  color: var(--kwt-primary);
  font-weight: 700;
}

/* Footer */
.kwt-chatDock__foot{
  border-top: 1px solid rgba(15,23,42,.08);
  background: #F5F7FA;
  padding: 10px 14px;
  text-align: center;
}
.kwt-chatDock__seeAll{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--kwt-primary);
  text-decoration: none;
}
.kwt-chatDock__seeAll:hover{ text-decoration: underline; }

/* Hide on mobile (= 900px) � small screens use the bottom navbar + /inbox link */
@media (max-width: 900px){
  .kwt-chatDock{ display: none !important; }
  .kwt-slide__overlay{ bottom:0; }
  .kwt-slide__subtitle{ background:rgba(51,51,204,0.5); color:#FFF; padding:1px 10px; border-radius:999px;}
  .btn-lg{ padding: 12px 16px !important; height:auto;}
  .btn-md{ padding: 10px 12px !important; height:auto; font-size:0.65rem !important; }

}

/* On RTL */
[dir="rtl"] .kwt-chatDock{ right: auto; left: 24px; }


/* ============================================================
 * Notifications page (notifications.php)
 * ============================================================ */
.kwt-notif{
  width: 100%;
  margin: 14px auto 24px;
  --kwt-notif-border: rgba(15,23,42,.08);
  --kwt-notif-border-soft: rgba(15,23,42,.05);
  --kwt-notif-text-muted: rgba(15,23,42,.55);
  --kwt-notif-bg-unread: rgba(66,133,244,.045);
  --kwt-notif-hover: rgba(15,23,42,.04);
}
.kwt-notif__shell{
  background: #F5F7FA;
  border: 1px solid var(--kwt-notif-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);
}

/* Header */
.kwt-notif__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
}
.kwt-notif__headLeft{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.kwt-notif__title{
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--kwt-text);
}
.kwt-notif__badge{
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--kwt-primary);
  color: #F5F7FA;
  font-weight: 700;
  font-size: 0.72rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(66,133,244,.25);
}
.kwt-notif__headActions{ display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.kwt-notif__action{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.kwt-notif__action:hover{ background: var(--kwt-notif-hover); }
.kwt-notif__action:disabled{ opacity: .55; cursor: not-allowed; }
.kwt-notif__iconBtn{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
  color: var(--kwt-text);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background .15s ease;
  font-size: 1rem;
}
.kwt-notif__iconBtn:hover{ background: var(--kwt-notif-hover); }
.kwt-notif__iconBtn:disabled{ opacity: .55; cursor: not-allowed; }

/* Tabs */
.kwt-notif__tabs{
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
  overflow-x: auto;
  scrollbar-width: none;
}
.kwt-notif__tabs::-webkit-scrollbar{ display: none; }
.kwt-notif__tab{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--kwt-notif-text-muted);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.kwt-notif__tab:hover{ background: var(--kwt-notif-hover); color: var(--kwt-text); }
.kwt-notif__tab--active{
  background: var(--kwt-primary);
  color: #F5F7FA;
  box-shadow: 0 6px 14px rgba(66,133,244,.20);
}
.kwt-notif__tab--active:hover{ background: var(--kwt-primary); color: #F5F7FA; }
.kwt-notif__tabCount{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  color: inherit;
  font-size: 0.7rem;
  font-weight: 700;
}
.kwt-notif__tab--active .kwt-notif__tabCount{
  background: rgba(245,247,250,.22);
  color: #F5F7FA;
}

/* List */
.kwt-notif__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.kwt-notif__group{
  padding: 12px 20px 6px;
  background: #F5F7FA;
  border-bottom: 1px solid var(--kwt-notif-border-soft);
}
.kwt-notif__groupTitle{
  margin: 0;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  color: var(--kwt-notif-text-muted);
}

.kwt-notif__item{
  position: relative;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 20px;
  border-bottom: 1px solid var(--kwt-notif-border-soft);
  transition: background .15s ease;
}
.kwt-notif__item:hover{ background: var(--kwt-notif-hover); }
.kwt-notif__item:last-child{ border-bottom: 0; }
.kwt-notif__item--unread{ background: var(--kwt-notif-bg-unread); }
.kwt-notif__item--unread::before{
  content: "";
  position: absolute;
  left: 0; top: 12px; bottom: 12px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--kwt-primary);
}
.kwt-notif__item--unread:hover{ background: rgba(66,133,244,.08); }

/* Avatar with type badge */
.kwt-notif__avatar{
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: visible;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(66,133,244,.12), rgba(20,198,203,.10));
}
.kwt-notif__avatar img{
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.kwt-notif__avatar--icon{
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  color: var(--kwt-primary);
  background: rgba(66,133,244,.10);
}
.kwt-notif__avatar--success{ background: rgba(22,163,74,.10); color: #16A34A; }
.kwt-notif__avatar--alert  { background: rgba(245,158,11,.12); color: #F59E0B; }
.kwt-notif__avatar--offer  { background: rgba(220,38,38,.10); color: #DC2626; }
.kwt-notif__avatar--info   { background: rgba(66,133,244,.10); color: #4285F4; }

.kwt-notif__typeBadge{
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 22px; height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 2px solid #F5F7FA;
  color: #F5F7FA;
  font-size: 0.7rem;
  box-shadow: 0 2px 6px rgba(15,23,42,.15);
}
.kwt-notif__typeBadge--message{ background: var(--kwt-primary); }
.kwt-notif__typeBadge--like   { background: #DC2626; }
.kwt-notif__typeBadge--comment{ background: #4285F4; }
.kwt-notif__typeBadge--view   { background: #14C6CB; }

/* Body */
.kwt-notif__body{ flex: 1; min-width: 0; }
.kwt-notif__text{
  margin: 0 0 4px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--kwt-text);
}
.kwt-notif__text strong{ font-weight: 700; }
.kwt-notif__preview{
  margin: 0 0 6px;
  padding: 8px 12px;
  border-left: 3px solid var(--kwt-notif-border);
  background: #F5F7FA;
  border-radius: 0 8px 8px 0;
  font-size: 0.85rem;
  color: var(--kwt-notif-text-muted);
  font-style: italic;
}
.kwt-notif__meta{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--kwt-notif-text-muted);
  margin-bottom: 8px;
}
.kwt-notif__sep{ opacity: .6; }

/* Action buttons */
.kwt-notif__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.kwt-notif__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.kwt-notif__btn:hover{ background: var(--kwt-notif-hover); }
.kwt-notif__btn--primary{
  background: var(--kwt-primary);
  border-color: var(--kwt-primary);
  color: #F5F7FA;
  box-shadow: 0 4px 12px rgba(66,133,244,.22);
}
.kwt-notif__btn--primary:hover{
  background: var(--kwt-primary);
  transform: translateY(-1px);
}

/* Unread dot in row */
.kwt-notif__item > .kwt-notif__dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--kwt-primary);
  box-shadow: 0 0 0 3px rgba(66,133,244,.15);
  flex-shrink: 0;
  margin-top: 8px;
}

/* Footer */
.kwt-notif__foot{
  padding: 14px 20px;
  border-top: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
  text-align: center;
}
.kwt-notif__loadMore{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid var(--kwt-notif-border);
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease;
}
.kwt-notif__loadMore:hover{ background: var(--kwt-notif-hover); }
.kwt-notif__loadMore:disabled{ opacity: .6; cursor: not-allowed; }

/* ---------- Mobile ---------- */
@media (max-width: 900px){
  .kwt-notif{
    /* edge-to-edge on small screens to match the inbox feel */
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
  }
  .kwt-notif__shell{
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
  }
  .kwt-notif__head{ padding: 12px 14px; }
  .kwt-notif__title{ font-size: 1.1rem; }
  .kwt-notif__action span:last-child{ display: none; } /* icon-only on small */
  .kwt-notif__action{ width: 36px; padding: 0; justify-content: center; }
  .kwt-notif__tabs{ padding: 8px 10px; }
  .kwt-notif__tab{ padding: 7px 12px; font-size: 0.82rem; }
  .kwt-notif__group{ padding: 10px 14px 4px; }
  .kwt-notif__item{ padding: 12px 14px; gap: 12px; }
  .kwt-notif__avatar{ width: 44px; height: 44px; }
  .kwt-notif__avatar--icon{ font-size: 1.2rem; }
  .kwt-notif__typeBadge{ width: 20px; height: 20px; }
  .kwt-notif__text{ font-size: 0.88rem; }
  .kwt-notif__preview{ font-size: 0.82rem; }
  .kwt-notif__btn{ height: 30px; padding: 0 12px; font-size: 0.8rem; }
  .kwt-notif__foot{ padding: 12px 14px; }
}


/* ============================================================
 * Favorites page (favorites.php)
 * ============================================================ */
.kwt-fav{
  width: 100%;
  margin: 14px auto 24px;
  --kwt-fav-border: rgba(15,23,42,.08);
  --kwt-fav-border-soft: rgba(15,23,42,.05);
  --kwt-fav-text-muted: rgba(15,23,42,.55);
  --kwt-fav-hover: rgba(15,23,42,.04);
}
.kwt-fav__shell{
  background: #F5F7FA;
  border: 1px solid var(--kwt-fav-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);
}

.kwt-fav__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--kwt-fav-border);
}
.kwt-fav__headLeft{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.kwt-fav__title{
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--kwt-text);
}
.kwt-fav__badge{
  min-width: 22px; height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--kwt-primary);
  color: #F5F7FA;
  font-weight: 700;
  font-size: 0.72rem;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 10px rgba(66,133,244,.25);
}
.kwt-fav__headActions{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

/* Custom select wrapper */
.kwt-fav__sort{
  position: relative;
  display: inline-flex;
  align-items: center;
}
.kwt-fav__sort .ti{
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  pointer-events: none; color: var(--kwt-fav-text-muted); font-size: 0.95rem;
}
.kwt-fav__sortSelect{
  appearance: none;
  -webkit-appearance: none;
  height: 36px;
  padding: 0 32px 0 12px;
  border-radius: 10px;
  border: 1px solid var(--kwt-fav-border) !important;
  background: #F5F7FA !important;
  color: var(--kwt-text);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}
.kwt-fav__sortSelect:disabled{ opacity: .65; cursor: not-allowed; }

.kwt-fav__action{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid var(--kwt-fav-border);
  background: #F5F7FA;
  color: #DC2626;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.kwt-fav__action:hover{ background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.20); }
.kwt-fav__action:disabled{ opacity: .55; cursor: not-allowed; color: var(--kwt-fav-text-muted); }
.kwt-fav__action:disabled:hover{ background: #F5F7FA; border-color: var(--kwt-fav-border); }

/* Filter chips */
.kwt-fav__filters{
  display: flex;
  gap: 6px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--kwt-fav-border);
  background: #F5F7FA;
  overflow-x: auto;
  scrollbar-width: none;
}
.kwt-fav__filters::-webkit-scrollbar{ display: none; }
.kwt-fav__chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid var(--kwt-fav-border);
  border-radius: 999px;
  background: #F5F7FA;
  color: var(--kwt-fav-text-muted);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.kwt-fav__chip:hover{ color: var(--kwt-text); border-color: rgba(15,23,42,.15); }
.kwt-fav__chip--active{
  background: var(--kwt-primary);
  border-color: var(--kwt-primary);
  color: #F5F7FA;
  box-shadow: 0 6px 14px rgba(66,133,244,.20);
}
.kwt-fav__chip--active:hover{ background: var(--kwt-primary); color: #F5F7FA; }
.kwt-fav__chipCount{
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  font-size: 0.7rem; font-weight: 700;
}
.kwt-fav__chip--active .kwt-fav__chipCount{ background: rgba(245,247,250,.22); color: #F5F7FA; }

/* Body grid */
.kwt-fav__body{ padding: 16px 16px 20px; }
.kwt-fav__grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

/* Card tweaks */
.kwt-fav__post{
  border: 1px solid var(--kwt-fav-border);
  border-radius: 14px;
  overflow: hidden;
  background: #F5F7FA;
  transition: transform .12s ease, box-shadow .15s ease;
}
.kwt-fav__post:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(15,23,42,.08);
}
.kwt-fav__figure{ position: relative; }
.kwt-fav__figure .kwt-post__media{
  display: block;
  aspect-ratio: 16 / 11;
  overflow: hidden;
}
.kwt-fav__figure .kwt-post__media img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .25s ease;
}
.kwt-fav__post:hover .kwt-fav__figure .kwt-post__media img{ transform: scale(1.03); }

.kwt-fav__heart{
  position: absolute;
  top: 10px; right: 10px;
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 0;
  display: grid;
  place-items: center;
  background: rgba(245,247,250,.92);
  color: var(--kwt-text);
  cursor: pointer;
  font-size: 1.05rem;
  box-shadow: 0 8px 18px rgba(15,23,42,.18);
  backdrop-filter: blur(6px);
  transition: transform .12s ease, color .15s ease;
}
.kwt-fav__heart:hover{ transform: scale(1.06); }
.kwt-fav__heart.is-saved{ color: #DC2626; }

.kwt-fav__savedAt{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 6px 0 8px;
  font-size: 0.75rem;
  color: var(--kwt-fav-text-muted);
}
.kwt-fav__priceUnit{
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--kwt-fav-text-muted);
}
.kwt-fav__priceOld{
  display: inline-block;
  margin-right: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--kwt-fav-text-muted);
  text-decoration: line-through;
}

/* Special badges */
.kwt-fav__badgePrice{
  background: linear-gradient(135deg, #DC2626, #F59E0B) !important;
  color: #F5F7FA !important;
  display: inline-flex; align-items: center; gap: 4px;
}
.kwt-fav__badgeSold{
  background: rgba(15,23,42,.85) !important;
  color: #F5F7FA !important;
}
.kwt-fav__post--sold .kwt-post__title a{ color: var(--kwt-fav-text-muted); }
.kwt-fav__post--sold .kwt-post__price{ color: var(--kwt-fav-text-muted); text-decoration: line-through; }

/* Empty state */
.kwt-fav__empty{
  text-align: center;
  padding: 60px 24px;
}
.kwt-fav__emptyIcon{
  display: inline-grid;
  place-items: center;
  width: 84px; height: 84px;
  border-radius: 50%;
  font-size: 2.4rem;
  background: linear-gradient(135deg, rgba(220,38,38,.10), rgba(220,38,38,.10));
  color: #DC2626;
  margin-bottom: 12px;
}
.kwt-fav__emptyTitle{
  margin: 6px 0 4px;
  font-weight: 700;
  font-size: 1.1rem;
}

/* Mobile */
@media (max-width: 900px){
  .kwt-fav{
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
  }
  .kwt-fav__shell{
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
  }
  .kwt-fav__head{ padding: 12px 14px; flex-wrap: wrap; }
  .kwt-fav__title{ font-size: 1.1rem; }
  .kwt-fav__action span:last-child{ display: none; }
  .kwt-fav__action{ width: 36px; padding: 0; justify-content: center; }
  .kwt-fav__filters{ padding: 10px 12px; }
  .kwt-fav__body{ padding: 12px 12px 16px; }
  .kwt-fav__grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (max-width: 380px){
  .kwt-fav__grid{ grid-template-columns: 1fr; }
}


/* ============================================================
 * Help center page (help.php)
 * ============================================================ */
.kwt-help{
  width: 100%;
  margin: 14px auto 24px;
  --kwt-help-border: rgba(15,23,42,.08);
  --kwt-help-border-soft: rgba(15,23,42,.05);
  --kwt-help-text-muted: rgba(15,23,42,.55);
  --kwt-help-hover: rgba(15,23,42,.04);
}
.kwt-help__shell{
  background: #F5F7FA;
  border: 1px solid var(--kwt-help-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);
}

/* Hero */
.kwt-help__hero{
  position: relative;
  text-align: center;
  padding: 36px 24px 30px;
  background:
    radial-gradient(800px 320px at 50% 0%, rgba(66,133,244,.10), transparent 60%),
    linear-gradient(180deg, rgba(66,133,244,.05), #F5F7FA);
  border-bottom: 1px solid var(--kwt-help-border);
}
.kwt-help__heroIcon{
  display: inline-grid;
  place-items: center;
  width: 64px; height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(66,133,244,.12), rgba(20,198,203,.12));
  color: var(--kwt-primary);
  font-size: 1.8rem;
  margin-bottom: 12px;
}
.kwt-help__heroTitle{
  margin: 0 0 6px;
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--kwt-text);
}
.kwt-help__heroSub{
  margin: 0 auto 18px;
  max-width: 540px;
  color: var(--kwt-help-text-muted);
  font-size: 0.95rem;
}
.kwt-help__search{
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 560px;
  margin: 0 auto;
  padding: 6px 6px 6px 14px;
  border-radius: 999px;
  background: #F5F7FA;
  border: 1px solid var(--kwt-help-border);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.kwt-help__search:focus-within{
  border-color: var(--kwt-primary);
  box-shadow: 0 0 0 3px rgba(66,133,244,.12), 0 14px 30px rgba(15,23,42,.06);
}
.kwt-help__search .ti{ color: var(--kwt-help-text-muted); font-size: 1.05rem; }
.kwt-help__searchInput{
  flex: 1;
  min-width: 0;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 8px 4px !important;
  font-size: 0.92rem;
  color: var(--kwt-text);
}
.kwt-help__searchBtn{
  height: 38px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: var(--kwt-primary);
  color: #F5F7FA;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(66,133,244,.25);
}
.kwt-help__searchBtn:disabled{ opacity: .55; cursor: not-allowed; }

/* Topic cards */
.kwt-help__topics{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  padding: 22px;
  border-bottom: 1px solid var(--kwt-help-border);
  background: #F5F7FA;
}
.kwt-help__topic{
  display: flex;
  gap: 14px;
  padding: 16px;
  background: #F5F7FA;
  border: 1px solid var(--kwt-help-border);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  transition: transform .12s ease, box-shadow .15s ease, border-color .15s ease;
}
.kwt-help__topic:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15,23,42,.08);
  border-color: rgba(66,133,244,.18);
}
.kwt-help__topicIcon{
  width: 44px; height: 44px;
  border-radius: 12px;
  display: grid; place-items: center;
  font-size: 1.2rem;
  flex-shrink: 0;
  color: var(--kwt-primary);
  background: rgba(66,133,244,.10);
}
.kwt-help__topicIcon--start  { color: #4285F4; background: rgba(66,133,244,.12); }
.kwt-help__topicIcon--post   { color: var(--kwt-primary); background: rgba(66,133,244,.10); }
.kwt-help__topicIcon--pay    { color: #16A34A; background: rgba(22,163,74,.12); }
.kwt-help__topicIcon--acct   { color: #14C6CB; background: rgba(20,198,203,.12); }
.kwt-help__topicIcon--safety { color: #F59E0B; background: rgba(245,158,11,.14); }
.kwt-help__topicIcon--policy { color: #DC2626; background: rgba(220,38,38,.10); }

.kwt-help__topicText h3{
  margin: 0 0 4px;
  font-size: 0.98rem;
  font-weight: 700;
}
.kwt-help__topicText p{
  margin: 0 0 6px;
  color: var(--kwt-help-text-muted);
  font-size: 0.85rem;
  line-height: 1.45;
}
.kwt-help__topicMeta{
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--kwt-primary);
}

/* FAQ */
.kwt-help__faqWrap{ padding: 22px; }
.kwt-help__sectionHead{ margin-bottom: 14px; }
.kwt-help__sectionTitle{
  margin: 0 0 4px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.kwt-help__faq{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.kwt-help__qa{
  border: 1px solid var(--kwt-help-border);
  border-radius: 12px;
  background: #F5F7FA;
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.kwt-help__qa[open]{
  border-color: rgba(66,133,244,.22);
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
}
.kwt-help__qa summary{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--kwt-text);
  transition: background .15s ease;
}
.kwt-help__qa summary:hover{ background: var(--kwt-help-hover); }
.kwt-help__qa summary::-webkit-details-marker{ display: none; }
.kwt-help__qaChev{
  font-size: 1.05rem;
  color: var(--kwt-help-text-muted);
  transition: transform .2s ease;
  flex-shrink: 0;
}
.kwt-help__qa[open] .kwt-help__qaChev{ transform: rotate(180deg); color: var(--kwt-primary); }
.kwt-help__qaBody{
  padding: 0 16px 16px;
  color: var(--kwt-text);
  font-size: 0.9rem;
  line-height: 1.55;
  border-top: 1px solid var(--kwt-help-border-soft);
}
.kwt-help__qaBody p{ margin: 12px 0 0; }
.kwt-help__qaBody p:first-child{ margin-top: 12px; }
.kwt-help__qaBody a{ color: var(--kwt-primary); font-weight: 600; }

/* Contact */
.kwt-help__contact{
  padding: 22px;
  border-top: 1px solid var(--kwt-help-border);
  background: #F5F7FA;
}
.kwt-help__contactHead{ text-align: center; margin-bottom: 16px; }
.kwt-help__contactTitle{
  margin: 0 0 4px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.kwt-help__contactGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.kwt-help__contactCard{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #F5F7FA;
  border: 1px solid var(--kwt-help-border);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: transform .12s ease, box-shadow .15s ease, border-color .15s ease;
}
.kwt-help__contactCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  border-color: rgba(66,133,244,.18);
}
.kwt-help__contactCard strong{ display: block; font-size: 0.92rem; }
.kwt-help__contactCard .kwt-muted{ font-size: 0.78rem; }
.kwt-help__contactIcon{
  width: 40px; height: 40px;
  border-radius: 10px;
  display: grid; place-items: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.kwt-help__contactIcon--mail{ color: var(--kwt-primary); background: rgba(66,133,244,.10); }
.kwt-help__contactIcon--wa  { color: #16A34A; background: rgba(22,163,74,.12); }
.kwt-help__contactIcon--chat{ color: #4285F4; background: rgba(66,133,244,.10); }

/* Form */
.kwt-help__form{
  background: #F5F7FA;
  border: 1px solid var(--kwt-help-border);
  border-radius: 14px;
  padding: 16px;
}
.kwt-help__formRow{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.kwt-help__field{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}
.kwt-help__field span{
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--kwt-text);
}
.kwt-help__field input,
.kwt-help__field select,
.kwt-help__field textarea{
  width: 100%;
  height: 40px;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1px solid var(--kwt-help-border) !important;
  background: #F5F7FA !important;
  color: var(--kwt-text) !important;
  font-size: 0.9rem;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.kwt-help__field textarea{ height: auto; min-height: 96px; resize: vertical; }
.kwt-help__field input:focus,
.kwt-help__field select:focus,
.kwt-help__field textarea:focus{
  border-color: var(--kwt-primary) !important;
  box-shadow: 0 0 0 3px rgba(66,133,244,.12);
  outline: 0;
}
.kwt-help__formActions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.kwt-help__formNote{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
}

/* Mobile */
@media (max-width: 900px){
  .kwt-help{
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
  }
  .kwt-help__shell{
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
  }
  .kwt-help__hero{ padding: 26px 16px 22px; }
  .kwt-help__heroIcon{ width: 56px; height: 56px; font-size: 1.6rem; }
  .kwt-help__topics{ padding: 14px; gap: 10px; }
  .kwt-help__topic{ padding: 14px; }
  .kwt-help__faqWrap{ padding: 16px; }
  .kwt-help__contact{ padding: 16px; }
  .kwt-help__formRow{ grid-template-columns: 1fr; gap: 0; }
}


/* ============================================================
 * Categories page (categories.php)
 * ============================================================ */
.kwt-catsPage{
  width: 100%;
  margin: 14px auto 28px;
  --kwt-cats-border: rgba(15,23,42,.08);
  --kwt-cats-muted: rgba(15,23,42,.55);
}

/* Hero */
.kwt-catsPage__hero{
  text-align: center;
  padding: 38px 24px 30px;
  background:
    radial-gradient(900px 360px at 50% 0%, rgba(66,133,244,.10), transparent 60%),
    linear-gradient(180deg, rgba(66,133,244,.05), #F5F7FA 70%);
  border: 1px solid var(--kwt-cats-border);
  border-radius: 18px;
  box-shadow: 0 22px 50px rgba(15,23,42,.06);
}
.kwt-catsPage__heroIcon{
  display: inline-grid; place-items: center;
  width: 68px; height: 68px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(66,133,244,.14), rgba(20,198,203,.14));
  color: var(--kwt-primary);
  font-size: 1.9rem;
  margin-bottom: 14px;
}
.kwt-catsPage__heroTitle{
  margin: 0 0 6px;
  font-size: clamp(1.1rem, 1rem + 1vw, 1.3rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.kwt-catsPage__heroSub{
  margin: 0 auto 22px;
  max-width: 640px;
  color: var(--kwt-cats-muted);
  font-size: 0.95rem;
}
.kwt-catsPage__heroSub strong{ color: var(--kwt-text); font-weight: 800; }
.kwt-catsPage__heroDot{ margin: 0 6px; opacity: .45; }

/* Hero search: one pill � input + button never stack; matches reference (navy ring, fused bar) */
.kwt-catsPage__heroSearch{
  width: 100%;
  max-width: min(100%, 920px);
  margin: 0 auto;
}
.kwt-catsPage__search.kwt-catsPage__search--group{
  --kwt-cats-search-ring: #0F172A;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #F5F7FA;
  border: 1.5px solid var(--kwt-cats-search-ring);
  border-radius: 9999px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(15,23,42,0.06);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.kwt-catsPage__search--group:focus-within{
  border-color: #0F172A;
  box-shadow: 0 6px 22px rgba(15,23,42,0.08), 0 0 0 3px rgba(66,133,244,0.18);
}
.bg-none{ background: none !important; }
/* Remove WebKit �search field� chrome (extra line / inner box on type=search) */
.kwt-catsPage__search--group .kwt-catsPage__searchInput::-webkit-search-decoration,
.kwt-catsPage__search--group .kwt-catsPage__searchInput::-webkit-search-cancel-button,
.kwt-catsPage__search--group .kwt-catsPage__searchInput::-webkit-search-results-button,
.kwt-catsPage__search--group .kwt-catsPage__searchInput::-webkit-search-results-decoration{
  -webkit-appearance: none !important ;
  appearance: none !important;
  display: none !important;
}
.kwt-catsPage__search--group .kwt-catsPage__searchInput{
  border: 0px solid #4285F4 !important; 
  height: auto !important;
  font-size: 1rem !important;
  font-weight: 500;
  text-align: center;
}
.kwt-catsPage__searchInput::placeholder{
  color: rgba(15,23,42,.42);
  font-weight: 400;
}
.kwt-catsPage__searchInput:focus{
  border-color: transparent !important;
  box-shadow: none !important;
}
.kwt-catsPage__searchBtn{
  display: inline-grid;
  place-items: center;
  min-width: 60px;
  width: 64px;
  height: 58px;
  flex-shrink: 0;
  border: 0;
  border-radius: 0;
  background: var(--kwt-cats-search-ring);
  color: #F5F7FA;
  cursor: pointer;
  transition: background .15s ease, transform .12s ease;
}
.kwt-catsPage__searchBtn:hover{ background: #0F172A; }
.kwt-catsPage__searchBtn:active{ transform: translateY(1px); }
.kwt-catsPage__searchBtn .ti{ font-size: 1.35rem; color: #F5F7FA; }

/* Stats */
.kwt-catsPage__stats{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 18px 0 26px;
}
.kwt-catsPage__stat{
  position: relative;
  background: #F5F7FA;
  border: 1px solid var(--kwt-cats-border);
  border-radius: 14px;
  padding: 16px 14px 14px;
  text-align: center;
  transition: transform .14s ease, box-shadow .15s ease, border-color .15s ease;
}
.kwt-catsPage__stat:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15,23,42,.07);
  border-color: rgba(66,133,244,.20);
}
.kwt-catsPage__statIcon{
  display: inline-grid;
  place-items: center;
  width: 46px; height: 46px;
  border-radius: 10px;
  background: rgba(66,133,244,.03);
  color: var(--kwt-primary);
  font-size: 1.5rem;
  margin: 0 auto 8px;
}
.kwt-catsPage__statNum{
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--kwt-text);
}
.kwt-catsPage__statLabel{
  display: block;
  font-size: 0.65rem;
  color: var(--kwt-cats-muted);
  margin-top: 2px;
}

/* Section head */
.kwt-catsPage__sectionHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 8px 0 12px;
}
.kwt-catsPage__sectionHead h2{
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.kwt-catsPage__sectionLink{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--kwt-primary);
  text-decoration: none;
}
.kwt-catsPage__sectionLink:hover{ text-decoration: underline; }

/* Cards grid */
.kwt-catsPage__grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}
.kwt-catCard{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  background: #F5F7FA;
  border: 1px solid var(--kwt-cats-border);
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: transform .14s ease, box-shadow .15s ease, border-color .15s ease;
}
.kwt-catCard::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--kwt-catCard-tint, transparent);
  opacity: .6;
  pointer-events: none;
}
.kwt-catCard > *{ position: relative; }
.kwt-catCard:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(15,23,42,.10);
  border-color: rgba(66,133,244,.25);
}
.kwt-catCard__icon{
  width: 38px; height: 38px;
  border-radius: 14px; margin:0 auto;
  display: inline-grid; place-items: center;
  font-size: 1.5rem;
  color: var(--kwt-catCard-fg, var(--kwt-primary));
  background: var(--kwt-catCard-bg, rgba(66,133,244,.10));
}
.kwt-catCard__icon--image{
  padding: 0;
  overflow: hidden;
}
.kwt-catCard__iconImg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.kwt-catCard__body{ display: flex; flex-direction: column; gap: 2px; }
.kwt-catCard__title{
  margin: 0;
  font-size: 0.85rem !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.kwt-catCard__desc{
  margin: 0;
  font-size: 0.65rem;
  color: var(--kwt-cats-muted);
}
.kwt-catCard__count{
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--kwt-catCard-fg, var(--kwt-primary));
  margin-top: 4px;
}
.kwt-catCard__sub{
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kwt-catCard__sub li{
  padding: 4px 10px;
  background: rgba(15,23,42,.05);
  border-radius: 999px;
  font-size: 0.74rem;
  color: rgba(15,23,42,.65);
}

/* Per-category accents */
.kwt-catCard--vehicles  { --kwt-catCard-fg:#4285F4; --kwt-catCard-bg:rgba(66,133,244,.10);   --kwt-catCard-tint:linear-gradient(180deg, rgba(66,133,244,.04),  transparent 80%); }
.kwt-catCard--realestate{ --kwt-catCard-fg:#14C6CB; --kwt-catCard-bg:rgba(20,198,203,.10);  --kwt-catCard-tint:linear-gradient(180deg, rgba(20,198,203,.04), transparent 80%); }
.kwt-catCard--electronics{--kwt-catCard-fg:#4285F4; --kwt-catCard-bg:rgba(66,133,244,.10);  --kwt-catCard-tint:linear-gradient(180deg, rgba(66,133,244,.04), transparent 80%); }
.kwt-catCard--furniture { --kwt-catCard-fg:#DC2626; --kwt-catCard-bg:rgba(220,38,38,.10);   --kwt-catCard-tint:linear-gradient(180deg, rgba(220,38,38,.04),  transparent 80%); }
.kwt-catCard--jobs      { --kwt-catCard-fg:#16A34A; --kwt-catCard-bg:rgba(22,163,74,.12);   --kwt-catCard-tint:linear-gradient(180deg, rgba(22,163,74,.04),  transparent 80%); }
.kwt-catCard--services  { --kwt-catCard-fg:#16A34A; --kwt-catCard-bg:rgba(22,163,74,.10);  --kwt-catCard-tint:linear-gradient(180deg, rgba(22,163,74,.04), transparent 80%); }
.kwt-catCard--fashion   { --kwt-catCard-fg:#DC2626; --kwt-catCard-bg:rgba(220,38,38,.10);  --kwt-catCard-tint:linear-gradient(180deg, rgba(220,38,38,.04), transparent 80%); }
.kwt-catCard--kids      { --kwt-catCard-fg:#F59E0B; --kwt-catCard-bg:rgba(245,158,11,.14);  --kwt-catCard-tint:linear-gradient(180deg, rgba(245,158,11,.05), transparent 80%); }
.kwt-catCard--pets      { --kwt-catCard-fg:#DC2626; --kwt-catCard-bg:rgba(220,38,38,.12);    --kwt-catCard-tint:linear-gradient(180deg, rgba(220,38,38,.04),   transparent 80%); }
.kwt-catCard--sports    { --kwt-catCard-fg:#DC2626; --kwt-catCard-bg:rgba(220,38,38,.10);   --kwt-catCard-tint:linear-gradient(180deg, rgba(220,38,38,.04),  transparent 80%); }
.kwt-catCard--books     { --kwt-catCard-fg:#4285F4; --kwt-catCard-bg:rgba(66,133,244,.10);   --kwt-catCard-tint:linear-gradient(180deg, rgba(66,133,244,.04),  transparent 80%); }
.kwt-catCard--business  { --kwt-catCard-fg:#230078; --kwt-catCard-bg:rgba(35,0,120,.10);   --kwt-catCard-tint:linear-gradient(180deg, rgba(35,0,120,.04),  transparent 80%); }

/* Popular tags */
.kwt-catsPage__tagsWrap{ margin-bottom: 24px; }
.kwt-catsPage__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.kwt-catsPage__tag{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid var(--kwt-cats-border);
  border-radius: 999px;
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
.kwt-catsPage__tag:hover{
  background: var(--kwt-primary);
  border-color: var(--kwt-primary);
  color: #F5F7FA;
  transform: translateY(-1px);
}
.kwt-catsPage__tag .ti-flame{ color: #F59E0B; }
.kwt-catsPage__tag:hover .ti-flame{ color: #F5F7FA; }

/* CTA */
.kwt-catsPage__cta{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(66,133,244,.06), rgba(20,198,203,.06));
  border: 1px solid var(--kwt-cats-border);
  border-radius: 14px;
}
.kwt-catsPage__ctaIcon{
  width: 44px; height: 44px;
  border:0px solid var(--kwt-primary);
  border-radius: 12px;
  display: grid; place-items: center;
  background: rgba(66,133,244,.05);
  color: var(--kwt-primary);
  font-size: 1.2rem;
  flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(66,133,244,.0);
}
.kwt-catsPage__ctaText{ flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kwt-catsPage__ctaText strong{ font-size: 0.95rem; }

/* Mobile */
@media (max-width: 900px){
  .kwt-catsPage__hero{ padding: 28px 16px 22px; border-radius: 14px; }
  .kwt-catsPage__heroIcon{ width: 56px; height: 56px; font-size: 1.6rem; }
  .kwt-catsPage__searchInput{ height: 52px; font-size: 0.98rem; padding: 0 20px 0 12px !important; }
  .kwt-catsPage__searchBtn{ min-width: 52px; width: 56px; height: 52px; }
  .kwt-catsPage__searchBtn .ti{ font-size: 1.15rem; }
  .kwt-catsPage__heroSearch{ max-width: 100%; }
  .kwt-catsPage__stats{ grid-template-columns: repeat(2, 1fr); }
  .kwt-catsPage__statIcon{ width: 32px; height: 32px; font-size: 0.95rem; }
  .kwt-catsPage__statNum{ font-size: 1.2rem; }
  .kwt-catsPage__heroSub{ font-size: 0.88rem; }
  .kwt-catsPage__heroDot{ margin: 0 4px; }
  .kwt-catsPage__grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .kwt-catCard{ padding: 14px; }
  .kwt-catCard__icon{ width: 40px; height: 40px; font-size: 1.2rem; border-radius: 12px; }
  .kwt-catCard__title{ font-size: 0.95rem; }
  .kwt-catCard__desc{ font-size: 0.78rem; }
  .kwt-catCard__sub li{ font-size: 0.7rem; padding: 3px 8px; }
  .kwt-catsPage__cta{ flex-wrap: wrap; }
  .kwt-catsPage__cta .button{ width: 100%; }
}


/* ============================================================
 * Listings page (listings.php)
 * ============================================================ */
.kwt-list{
  width: 100%;
  margin: 14px auto 28px;
  --kwt-list-border: rgba(15,23,42,.08);
  --kwt-list-border-soft: rgba(15,23,42,.05);
  --kwt-list-muted: rgba(15,23,42,.55);
  --kwt-list-hover: rgba(15,23,42,.04);
  --kwt-list-sidebar-w: 280px;
}

/* Top bar */
.kwt-list__topbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding:8px 14px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--kwt-list-border);
}
.kwt-list__crumb{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  color: var(--kwt-list-muted);
  flex-wrap: wrap;
}
.kwt-list__crumb a{ color: var(--kwt-list-muted); text-decoration: none; }
.kwt-list__crumb a:hover{ color: var(--kwt-primary); }
.kwt-list__crumb [aria-current]{ color: var(--kwt-text); font-weight: 600; }
.kwt-list__crumb .ti{ font-size: .85rem; opacity: .55; }

.kwt-list__topRight{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.kwt-list__count{
  font-size: 0.95rem;
  color: var(--kwt-list-muted);
}
.kwt-list__count strong{ color: var(--kwt-text); font-weight: 800; }

.kwt-list__view{
  display: inline-flex;
  border: 1px solid var(--kwt-list-border);
  border-radius: 10px;
  overflow: hidden;
  background: #F5F7FA;
}
.kwt-list__viewBtn{
  width: 36px; height: 36px;
  border: 0;
  background: transparent;
  color: var(--kwt-list-muted);
  cursor: pointer;
  display: grid; place-items: center;
  font-size: 1rem;
  transition: background .15s ease, color .15s ease;
}
.kwt-list__viewBtn:hover{ background: var(--kwt-list-hover); color: var(--kwt-text); }
.kwt-list__viewBtn.is-active{ background: var(--kwt-primary); color: #F5F7FA; }

.kwt-list__sort{
  position: relative;
  display: inline-flex;
  align-items: center;
}
.kwt-list__sort .ti{
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  pointer-events: none; color: var(--kwt-list-muted); font-size: 0.95rem;
}
.kwt-list__sortSelect{
  appearance: none; -webkit-appearance: none;
  height: 36px;
  padding: 0 32px 0 12px;
  border-radius: 10px;
  border: 1px solid var(--kwt-list-border) !important;
  background: #F5F7FA !important;
  color: var(--kwt-text);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}

/* Mobile filter trigger */
.kwt-list__filterBtn{
  display: none;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 16px;
  margin:0 auto;
  border-radius: 12px;
  border: 1px solid var(--kwt-list-border);
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  width: 96%;
  justify-content: center;
}
.kwt-list__filterBtnCount{
  min-width: 22px; height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--kwt-primary);
  color: #F5F7FA;
  font-size: 0.72rem;
  font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Shell */
.kwt-list__shell{
  display: grid;
  grid-template-columns: var(--kwt-list-sidebar-w) 1fr;
  gap: 18px;
  align-items: start;
}

/* ===== Sidebar ===== */
.kwt-list__sidebar{
  position: sticky;
  top: 90px; left:6px;
  align-self: start;
  background: #F5F7FA;
  border: 1px solid var(--kwt-list-border);
  border-radius: 14px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100dvh - 110px);
  display: flex;
  flex-direction: column;
}
.kwt-list__sidebarHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--kwt-list-border);
  background: #F5F7FA;
  flex-shrink: 0;
}
.kwt-list__sidebarTitle{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.kwt-list__sidebarActions{ display: flex; align-items: center; gap: 6px; }
.kwt-list__reset{
  border: 0;
  background: transparent;
  color: var(--kwt-primary);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 6px;
}
.kwt-list__reset:hover{ background: rgba(66,133,244,.08); }
.kwt-list__sidebarClose{
  display: none;
  width: 32px; height: 32px;
  border-radius: 10px;
  border: 0;
  background: transparent;
  color: var(--kwt-text);
  cursor: pointer;
  align-items: center; justify-content: center;
  font-size: 1rem;
}
.kwt-list__sidebarClose:hover{ background: var(--kwt-list-hover); }

/* Sidebar scrolls natively via overflow-y: auto on .kwt-list__sidebar */
.kwt-list__filterSearch{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 14px;
  padding: 9px 12px;
  border-radius: 999px;
  background: #F5F7FA;
  border: 1px solid transparent;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.kwt-list__filterSearch:focus-within{
  background: #F5F7FA;
  border-color: var(--kwt-primary);
  box-shadow: 0 0 0 3px rgba(66,133,244,.12);
}
.kwt-list__filterSearch .ti{ color: var(--kwt-list-muted); font-size: 1rem; }
.kwt-list__filterSearch input{
  flex: 1; min-width: 0;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.85rem;
}

/* Filter group <details> */
.kwt-fGroup{
  border-top: 1px solid var(--kwt-list-border-soft);
}
.kwt-fGroup:first-of-type{ border-top: 0; }
.kwt-fGroup > summary{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 12px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--kwt-text);
}
.kwt-fGroup > summary::-webkit-details-marker{ display: none; }
.kwt-fGroup > summary:hover{ background: var(--kwt-list-hover); }
.kwt-fGroup__chev{
  font-size: 1rem;
  color: var(--kwt-list-muted);
  transition: transform .2s ease;
}
.kwt-fGroup[open] > summary .kwt-fGroup__chev{ transform: rotate(180deg); color: var(--kwt-primary); }
.kwt-fGroup__body{ padding: 2px 12px 10px; }

/* Option lists (radio/checkbox) */
.kwt-fList{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.kwt-fOpt{
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 400;
  color: var(--kwt-text);
  transition: background .15s ease;
}
.kwt-fOpt:hover{ background: var(--kwt-list-hover); }
.kwt-fOpt input[type="checkbox"],
.kwt-fOpt input[type="radio"]{
  width: 12px; height: 12px;
  accent-color: var(--kwt-primary);
  flex-shrink: 0;
  margin: 0;
}
.kwt-fOpt > span:nth-of-type(1){ flex: 1; min-width: 0; }
.kwt-fOpt__count{
  font-size: 0.72rem;
  color: var(--kwt-list-muted);
  font-weight: 400 !important;
}

/* Price input pair */
.kwt-priceInputs{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.kwt-priceInputs label{ flex: 1; min-width: 0; }
.kwt-priceInputs input{
  width: 100%;
  height: 34px !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
  border: 1px solid var(--kwt-list-border) !important;
  background: #F5F7FA !important;
  color: var(--kwt-text);
  font-size: 0.72rem;
}
.kwt-priceInputs input:focus{
  border-color: var(--kwt-primary) !important;
  box-shadow: 0 0 0 3px rgba(66,133,244,.12);
  outline: 0;
}
.kwt-priceInputs__sep{ color: var(--kwt-list-muted); font-weight: 500; }
.kwt-priceChips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kwt-priceChips button{
  padding: 4px 8px;
  border: 1px solid var(--kwt-list-border);
  border-radius: 999px;
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.kwt-priceChips button:hover{ background: var(--kwt-primary); border-color: var(--kwt-primary); color: #F5F7FA; }

/* Location chips */
.kwt-locChips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.kwt-locChips button{
  padding: 5px 10px;
  border: 1px solid var(--kwt-list-border);
  border-radius: 999px;
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.kwt-locChips button:hover{ background: var(--kwt-list-hover); }
.kwt-locChips button.is-active{
  background: var(--kwt-primary);
  border-color: var(--kwt-primary);
  color: #F5F7FA;
  box-shadow: 0 4px 10px rgba(66,133,244,.20);
}
.kwt-fLink{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--kwt-primary);
  background: transparent;
  border: 0;
  padding: 4px 0;
  cursor: pointer;
}
.kwt-fLink:hover{ text-decoration: underline; }

/* Switch */
.kwt-fSwitch{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 6px;
  cursor: pointer;
  border-radius: 8px;
  transition: background .15s ease;
}
.kwt-fSwitch:hover{ background: var(--kwt-list-hover); }
.kwt-fSwitch input{ position: absolute; opacity: 0; pointer-events: none; }
.kwt-fSwitch__slider{
  width: 36px; height: 20px;
  background: rgba(15,23,42,.18);
  border-radius: 999px;
  position: relative;
  flex-shrink: 0;
  transition: background .2s ease;
}
.kwt-fSwitch__slider::after{
  content: "";
  position: absolute;
  top: 2px; left: 2px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #F5F7FA;
  box-shadow: 0 2px 4px rgba(15,23,42,.2);
  transition: transform .2s ease;
}
.kwt-fSwitch input:checked ~ .kwt-fSwitch__slider{ background: var(--kwt-primary); }
.kwt-fSwitch input:checked ~ .kwt-fSwitch__slider::after{ transform: translateX(16px); }
.kwt-fSwitch__text{ display: flex; flex-direction: column; line-height: 1.3; font-size: 0.85rem; }
.kwt-fSwitch__text .kwt-muted{ font-size: 0.72rem; }

/* Sidebar footer (mobile-only by default) */
.kwt-list__sidebarFoot{
  display: none;
  gap: 8px;
  padding: 12px 14px;
  border-top: 1px solid var(--kwt-list-border);
  background: #F5F7FA;
}
.kwt-list__sidebarFoot .button{ flex: 1; }

/* ===== Main ===== */
.kwt-list__main{ min-width: 0;}

/* Active filter chips */
.kwt-list__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px; margin-right: 5px;
}
.kwt-list__chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--kwt-list-border);
  border-radius: 999px;
  background: #F5F7FA;
  color: var(--kwt-text);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.kwt-list__chip:hover{ background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.20); color: #DC2626; }
.kwt-list__chip .ti{ font-size: 0.85rem; }
.kwt-list__chipX{ opacity: .55; }
.kwt-list__chip:hover .kwt-list__chipX{ opacity: 1; }
a.kwt-list__chip,
a.kwt-list__chip:visited{ text-decoration: none; color: var(--kwt-text); }
a.kwt-list__chip:hover{ color: #DC2626; }
a.kwt-list__reset,
a.kwt-list__reset:visited{ text-decoration: none; display: inline-block; }
.kwt-list__chip--clear{
  background: transparent;
  border: 0;
  color: #DC2626;
}
.kwt-list__chip--clear:hover{ background: rgba(220,38,38,.06); }

/* Featured strip */
.kwt-list__featured{
  margin-bottom: 18px;
  background: linear-gradient(135deg, rgba(66,133,244,.2), rgba(245,158,11,.2));
  border: 1px solid var(--kwt-list-border);
  border-radius: 14px;
  padding: 14px;
}
.kwt-list__featuredHead{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 10px;
}
.kwt-list__featuredTitle{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.kwt-list__featuredTitle .ti{ color: #F59E0B; }
.kwt-list__featuredScroll{
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: rgba(15,23,42,.18) transparent;
  padding-bottom: 4px;
}
.kwt-list__featuredScroll::-webkit-scrollbar{ height: 6px; }
.kwt-list__featuredScroll::-webkit-scrollbar-thumb{ background: rgba(15,23,42,.18); border-radius: 999px; }
.kwt-fpost{
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #F5F7FA;
  border: 1px solid var(--kwt-list-border);
  border-radius: 12px;
  overflow: hidden;
  scroll-snap-align: start;
  transition: transform .12s ease, box-shadow .15s ease;
}
.kwt-fpost:hover{ transform: translateY(-2px); box-shadow: 0 12px 24px rgba(15,23,42,.10); }
.kwt-fpost__media{
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.kwt-fpost__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-fpost__badge{
  position: absolute;
  top: 8px; left: 8px;
  padding: 0px 8px; line-height: 1.8;
  background: linear-gradient(135deg, #F59E0B, #DC2626);
  color: #F5F7FA;
  border-radius: 999px;
  font-size: 0.55rem;
  font-weight: 500;
  box-shadow: 0 4px 8px rgba(245,158,11,.3);
}
.kwt-fpost__body{
  padding: 8px 10px 12px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}
.kwt-fpost__title{
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--kwt-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}
.kwt-fpost__title.kwt-fpost__title--clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(1.35em * 2);
  margin-bottom: 2px;
}
.kwt-fpost__catBadge{
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  max-width: calc(100% - 88px);
  padding: 3px 8px;
  border-radius: 8px;
  background: rgba(15,23,42,.78);
  color: #F5F7FA;
  font-weight: 600;
  font-size: 0.55rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.kwt-fpost__foot{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.kwt-fpost__meta{
  font-size: 0.62rem;
  color: var(--kwt-muted);
  line-height: 1.35;
  min-width: 0;
  flex: 1 1 auto;
}
.kwt-fpost__foot .kwt-fpost__price{
  flex-shrink: 0;
  line-height: 1.25;
  color: #0F172A !important;
  font-size: 0.78rem !important;
}
.kwt-fpost__price{
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--kwt-success);
}

/* Results grid (reuses .kwt-grid + .kwt-post) */
.kwt-list__grid{
  margin-bottom: 24px;
}
.kwt-list__emptyState{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  min-height:320px;
  padding:28px 18px;
  border:1px dashed rgba(15,23,42,.14);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,247,250,.92));
  box-shadow:0 20px 60px rgba(15,23,42,.06);
}
.kwt-list__emptyIcon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:22px;
  color:#0f172a;
  background:linear-gradient(135deg, rgba(59,130,246,.14), rgba(14,165,233,.10));
  border:1px solid rgba(59,130,246,.14);
  font-size:30px;
}
.kwt-list__emptyState h3{
  margin:0;
  font-size:1.35rem;
  line-height:1.2;
  color:#0f172a;
}
.kwt-list__emptyState p{
  margin:0;
  max-width:560px;
  color:var(--kwt-muted);
  line-height:1.7;
}
.kwt-list__emptyActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:4px;
}
/* Responsive columns � higher specificity than global .kwt-grid breakpoints.
   List-view override (.kwt-list__grid[data-grid="list"]) still wins via !important. */
.kwt-list .kwt-list__grid{ grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1400px){ .kwt-list .kwt-list__grid{ grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1100px){ .kwt-list .kwt-list__grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px){  .kwt-list .kwt-list__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 380px){  .kwt-list .kwt-list__grid{ grid-template-columns: repeat(2, 1fr); } }


/* Listing card extras */
.kwt-listPost{
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--kwt-list-border);
  border-radius: 14px;
  overflow: hidden;
  background: #F5F7FA;
  transition: transform .12s ease, box-shadow .15s ease;
}
.kwt-listPost .kwt-post__body{
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}
.kwt-list__grid .kwt-post__title--clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  min-height: calc(1.35em * 2);
}
.kwt-listPost .kwt-post__meta{
  margin-top: 6px;
  min-height: 1.6rem;
  flex-wrap: nowrap;
  overflow: hidden;
}
.kwt-listPost .kwt-post__meta .kwt-tag{
  flex: 0 1 auto;
  max-width: 46%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kwt-listPost .kwt-post__meta .kwt-muted{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kwt-listPost__intentRow{
  min-height: 1.55rem;
  margin: .25rem 0 0;
}
.kwt-listPost__intentRow .kwt-pd__intentChips{
  margin: 0;
  min-height: 1.55rem;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.kwt-listPost__intentRow .kwt-pd__intentChip{
  white-space: nowrap;
}
.kwt-listPost .kwt-post__price{
  min-height: 1.75rem;
  display: flex;
  align-items: flex-end;
}
.kwt-listPost:hover{ transform: translateY(-2px); box-shadow: 0 14px 30px rgba(15,23,42,.08); }
.kwt-listPost__figure{ position: relative; }
.kwt-listPost__figure .kwt-post__media{
  display: block;
  aspect-ratio: 16 / 11;
  overflow: hidden;
}
.kwt-listPost__figure .kwt-post__media img{
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}
.kwt-listPost:hover .kwt-listPost__figure .kwt-post__media img{ transform: scale(1.03); }
.kwt-listPost__heart{
  position: absolute;
  top: 10px; right: 10px;
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 0;
  display: grid; place-items: center;
  background: rgba(245,247,250,.92);
  color: var(--kwt-text);
  cursor: pointer;
  font-size: 1.05rem;
  box-shadow: 0 8px 18px rgba(15,23,42,.18);
  backdrop-filter: blur(6px);
  transition: transform .12s ease, color .15s ease;
}
.kwt-listPost__heart:hover{ transform: scale(1.06); }
.kwt-listPost__heart.is-saved{ color: #DC2626; }
.kwt-listPost__photoCount{
  position: absolute;
  bottom: 10px; left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  background: rgba(15,23,42,.72);
  color: #F5F7FA;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  backdrop-filter: blur(4px);
}
.kwt-listPost__discount{
  position: absolute;
  top: 10px; left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  background: linear-gradient(135deg, #DC2626, #F59E0B);
  color: #F5F7FA;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(220,38,38,.3);
}
.kwt-listPost__priceOld{
  display: inline-block;
  margin-right: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--kwt-list-muted);
  text-decoration: line-through;
}
.kwt-listPost__priceUnit{ font-size: 0.85rem; font-weight: 500; color: var(--kwt-list-muted); }
.kwt-listPost__meta{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: auto 0 8px;
  font-size: 0.75rem;
  color: var(--kwt-list-muted);
}
.kwt-listPost__verified{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #16A34A;
  font-weight: 600;
}

/* List view alternative � when toggled */
.kwt-list__grid[data-grid="list"]{ grid-template-columns: 1fr !important; }
.kwt-list__grid[data-grid="list"] .kwt-listPost{ display: grid; grid-template-columns: 240px 1fr; }
.kwt-list__grid[data-grid="list"] .kwt-listPost__figure .kwt-post__media{ aspect-ratio: 4 / 3; height: 100%; }
@media (max-width: 700px){
  .kwt-list__grid[data-grid="list"] .kwt-listPost{ grid-template-columns: 1fr; }
}

/* Ad slot (full-width banner injected every 10 cards) */
.kwt-list__adSlot{
  grid-column: 1 / -1;
  padding: 4px 0;
}
.kwt-list__adSlot__inner{
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #F5F7FA;
  border: 1px dashed rgba(66,133,244,.22);
  border-radius: 14px;
  padding: 14px 20px;
  overflow: hidden;
}
.kwt-list__adSlot__label{
  position: absolute;
  top: 7px; right: 12px;
  font-size: 0.62rem;
  color: rgba(15,23,42,.35);
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  pointer-events: none;
}
.kwt-list__adSlot__icon{
  font-size: 1.8rem;
  color: #F59E0B;
  flex-shrink: 0;
}
.kwt-list__adSlot__text{
  flex: 1;
  min-width: 0;
}
.kwt-list__adSlot__text strong{
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
}
.kwt-list__adSlot__text span{
  font-size: 0.8rem;
  color: rgba(15,23,42,.55);
}
/* Hide ad in list view (doesn't look right in single-column card rows) */
.kwt-list__grid[data-grid="list"] .kwt-list__adSlot{ display: none; }
@media (max-width: 560px){
  .kwt-list__adSlot__inner{ flex-wrap: wrap; gap: 10px; padding: 12px 16px; }
  .kwt-list__adSlot__text span{ display: none; }
}

/* Pagination */
.kwt-list__pager{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 0 4px;
}
.kwt-list__pageBtn{
  min-width: 36px; height: 36px;
  padding: 0 12px;
  border: 1px solid var(--kwt-list-border);
  background: #F5F7FA;
  color: var(--kwt-text);
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px; justify-content: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.kwt-list__pageBtn:hover{ background: var(--kwt-list-hover); }
.kwt-list__pageBtn.is-active{
  background: var(--kwt-primary);
  border-color: var(--kwt-primary);
  color: #F5F7FA;
  box-shadow: 0 6px 14px rgba(66,133,244,.20);
}
.kwt-list__pageBtn:disabled{ opacity: .55; cursor: not-allowed; }
a.kwt-list__pageBtn,
a.kwt-list__pageBtn:visited{ text-decoration: none; }
.kwt-list__pageDots{ padding: 0 4px; color: var(--kwt-list-muted); }

/* Mobile sidebar drawer */
.kwt-list__backdrop{
  position: fixed;
  inset: 0;
  background: rgba(15,23,42,.45);
  backdrop-filter: blur(2px);
  z-index: 920;
  animation: kwtFadeIn .18s ease-out;
}
@keyframes kwtFadeIn{ from{ opacity: 0; } to{ opacity: 1; } }

@media (max-width: 980px){
  .kwt-list__shell{ grid-template-columns: 1fr; }
  .kwt-list__filterBtn{ display: block; }
  .kwt-list__sidebar{
    position: fixed;
    inset: 0 0 0 auto;
    width: min(420px, 92vw);
    max-height: 100dvh;
    border-radius: 14px 0 0 14px;
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 930;
    overflow-y: auto;
  }
  .kwt-list__sidebar.is-open{ transform: translateX(0); }
  .kwt-list__sidebarClose{ display: inline-flex; }
  .kwt-list__sidebarFoot{ display: flex; position: sticky; bottom: 0; }
}

/* Smaller phones: 2 columns for grid (matches existing posts grid behavior) */
@media (max-width: 560px){
  .kwt-list__topbar{ padding: 10px; }
  .kwt-list__crumb{ width: 100%; font-size: 0.78rem; }
  .kwt-list__topRight{ width: 100%; justify-content: space-between; }
  .kwt-list__sortSelect{ font-size: 0.8rem; padding: 0 30px 0 10px; }
  .kwt-list__featured{ padding: 12px 12px 10px; border-radius: 12px; }
  .kwt-fpost{ flex: 0 0 100%; }
  .kwt-list__pageBtn{ min-width: 32px; height: 32px; padding: 0 8px; font-size: 0.8rem; }
}

/* -------------------------------------------------------------------------- */
/* Featured page (featured.php)                                              */
/* -------------------------------------------------------------------------- */

.kwt-featured-page{
  width: 100%;
  margin: 14px auto 28px;
}

/* Responsive grid � higher specificity than global .kwt-grid breakpoints */
.kwt-featured-page .kwt-featured-page__grid{ grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1400px){ .kwt-featured-page .kwt-featured-page__grid{ grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1100px){ .kwt-featured-page .kwt-featured-page__grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px){  .kwt-featured-page .kwt-featured-page__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 380px){  .kwt-featured-page .kwt-featured-page__grid{ grid-template-columns: repeat(2, 1fr); } }

/* Banner */
.kwt-featured-page__banner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  background: linear-gradient(135deg, #230078 0%, #4285F4 100%);
  border-radius: 16px;
  padding: 28px 28px;
  margin-bottom: 24px;
  color: #F5F7FA;
}
.kwt-featured-page__bannerInner{
  display: flex;
  align-items: center;
  gap: 16px;
}
.kwt-featured-page__bannerIcon{
  font-size: 2.5rem;
  opacity: .85;
  flex-shrink: 0;
}
.kwt-featured-page__bannerTitle{
  margin: 0 0 4px;
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #F5F7FA;
}
.kwt-featured-page__bannerSub{
  margin: 0;
  font-size: 0.88rem;
  opacity: .8;
}
.kwt-featured-page__bannerCta{
  flex-shrink: 0;
  background: #F5F7FA !important;
  color: #4285F4 !important;
  border-color: #F5F7FA !important;
  font-weight: 700;
}
.kwt-featured-page__bannerCta:hover{
  background: rgba(245,247,250,.9) !important;
}

/* Body */
.kwt-featured-page__body{
  padding: 0 4px;
}
.kwt-featured-page__grid{
  margin-bottom: 28px;
}

/* Advertise CTA strip */
.kwt-featured-page__cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  background: #F5F7FA;
  border: 1px solid rgba(66,133,244,.12);
  border-radius: 14px;
  padding: 16px 20px;
  margin-top: 8px;
}
.kwt-featured-page__ctaInner{
  display: flex;
  align-items: center;
  gap: 12px;
}
.kwt-featured-page__ctaIcon{
  font-size: 1.5rem;
  color: #F59E0B;
  flex-shrink: 0;
}
.kwt-featured-page__ctaInner strong{
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
}
.kwt-featured-page__ctaInner .kwt-muted{
  font-size: 0.8rem;
}

/* Empty state */
.kwt-featured-page__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 64px 24px;
  gap: 12px;
}
.kwt-featured-page__emptyIcon{
  font-size: 3.5rem;
  color: rgba(15,23,42,.18);
}
.kwt-featured-page__emptyTitle{
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--kwt-text);
}
.kwt-featured-page__emptySub{
  margin: 0;
  font-size: 0.88rem;
  color: rgba(15,23,42,.55);
  max-width: 340px;
}
.kwt-featured-page__emptyActions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
}

@media (max-width: 640px){
  .kwt-featured-page__banner{ padding: 20px 16px; flex-direction: column; align-items: flex-start; }
  .kwt-featured-page__bannerTitle{ font-size: 1.15rem; }
  .kwt-featured-page__cta{ flex-direction: column; align-items: flex-start; }
}

/* -------------------------------------------------------------------------- */
/* Post wizard (new listing � mobile-first, desktop elevated)               */
/* -------------------------------------------------------------------------- */

.kwt-postWizard__inner{
  position: relative;
}
.kwt-postWizard--static{
  padding-top: 8px;
}
.kwt-postWizard__flash{
  border-radius: 12px;
  padding: 4px 14px;
  margin-bottom: 14px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.35;
}
.kwt-postWizard__flash--error{
  background: rgba(220,38,38,0.1);
  border: 1px solid rgba(220,38,38,0.35);
  color: #DC2626;
}
.kwt-postWizard__flash--info{
  background: rgba(66,133,244,0.1);
  border: 1px solid rgba(66,133,244,0.28);
  color: #0033CC;
}
.kwt-postWizard__progress{
  margin-bottom: 18px;
}
.kwt-postWizard__steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  gap: 6px;
}
.kwt-postWizard__steps > li{
  flex: 1;
  text-align: center;
  padding: 8px 6px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,0.1);
  background: rgba(245,247,250,0.65);
  font-size: 0.72rem;
  color: rgba(15,23,42,0.55);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-height: 52px;
  justify-content: center;
}
.kwt-postWizard__steps > li.is-active{
  border-color: rgba(66,133,244,0.45);
  background: rgba(66,133,244,0.08);
  color: var(--kwt-text);
  font-weight: 600;
}
.kwt-postWizard__steps > li.is-done:not(.is-active){
  color: rgba(15,23,42,0.72);
}
.kwt-postWizard__stepNum{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  background: rgba(15,23,42,0.08);
}
.kwt-postWizard__steps > li.is-active .kwt-postWizard__stepNum{
  background: var(--kwt-primary);
  color: #F5F7FA;
}
.kwt-postWizard__steps > li.is-done:not(.is-active) .kwt-postWizard__stepNum{
  background: rgba(22,163,74,0.18);
  color: #16A34A;
}
.kwt-postWizard__stepLab{
  display: block;
  line-height: 1.15;
}
.kwt-postWizard__steps--4 > li{
  font-size: 0.65rem;
  padding: 6px 4px;
  min-height: 48px;
}
.kwt-postWizard__steps--4 .kwt-postWizard__stepLab{
  letter-spacing: -0.01em;
}
@media (min-width: 480px){
  .kwt-postWizard__steps--4 > li{
    font-size: 0.72rem;
    padding: 8px 6px;
  }
}
.kwt-postWizard__crumb{
  margin: 0 0 8px;
  font-size: 0.82rem;
}
.kwt-postWizard__crumb a{ 
  border:1px solid #F5F7FA; 
  padding:4px 12px; border-radius:14px;
  text-decoration: none;
  color:#16A34A;
  font-size:0.60rem;
}

.kwt-postWizard__crumb a:hover{
  background: #F5F7FA;
  color:var(--kwt-dark);
}

/* Push permission prompt */
.kwt-pushPrompt{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1200;
  width: min(420px, calc(100vw - 24px));
  border: 1px solid rgba(66,133,244,.2);
  border-radius: 16px;
  background: linear-gradient(165deg, rgba(255,255,255,.98), rgba(245,247,250,.98));
  box-shadow: 0 16px 36px rgba(15,23,42,.16);
  padding: 14px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  animation: kwtPushPromptIn .18s ease-out;
}
@keyframes kwtPushPromptIn{
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.kwt-pushPrompt__icon{
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(66,133,244,.12);
  color: #2563eb;
  font-size: 1rem;
}
.kwt-pushPrompt__body{ min-width: 0; }
.kwt-pushPrompt__title{
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 3px;
}
.kwt-pushPrompt__text{
  font-size: .76rem;
  color: rgba(15,23,42,.7);
  line-height: 1.4;
}
.kwt-pushPrompt__actions{
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.kwt-pushPrompt__btn{
  border: 0;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: .72rem;
  font-weight: 600;
  cursor: pointer;
}
.kwt-pushPrompt__btn--allow{
  background: #2563eb;
  color: #fff;
}
.kwt-pushPrompt__btn--allow:hover{ background: #1d4ed8; }
.kwt-pushPrompt__btn--later{
  background: rgba(15,23,42,.08);
  color: rgba(15,23,42,.84);
}

@media (max-width: 620px){
  .kwt-pushPrompt{
    display: none !important;
  }
}

/* PWA install prompt */
.kwt-pwaPrompt{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 1199;
  width: min(430px, calc(100vw - 24px));
  border: 1px solid rgba(29,78,216,.24);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 12%, rgba(20,198,203,.18), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,.99), rgba(232,241,255,.98));
  box-shadow: 0 20px 48px rgba(15,23,42,.2);
  padding: 16px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  animation: kwtPwaPromptIn .2s ease-out;
}
@keyframes kwtPwaPromptIn{
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.kwt-pwaPrompt__icon{
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(150deg, rgba(29,78,216,.14), rgba(20,198,203,.2));
  border: 1px solid rgba(29,78,216,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}
.kwt-pwaPrompt__icon img{
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.kwt-pwaPrompt__body{ min-width: 0; }
.kwt-pwaPrompt__title{
  font-size: .98rem;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.25;
  margin: 0 0 4px;
}
.kwt-pwaPrompt__titleAccent{
  color: #1e40af;
}
.kwt-pwaPrompt__text{
  font-size: .78rem;
  color: rgba(15,23,42,.78);
  line-height: 1.42;
}
.kwt-pwaPrompt__steps{
  margin-top: 9px;
  display: grid;
  gap: 6px;
}
.kwt-pwaPrompt__step{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .74rem;
  color: rgba(15,23,42,.84);
}
.kwt-pwaPrompt__stepNo{
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  font-weight: 800;
  background: #1d4ed8;
  color: #fff;
}
.kwt-pwaPrompt__actions{
  display: flex;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.kwt-pwaPrompt__btn{
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: .74rem;
  font-weight: 700;
  cursor: pointer;
}
.kwt-pwaPrompt__btn--install{
  background: #1d4ed8;
  color: #fff;
}
.kwt-pwaPrompt__btn--install:hover{ background: #1e40af; }
.kwt-pwaPrompt__btn--ghost{
  background: rgba(15,23,42,.1);
  color: rgba(15,23,42,.88);
}

@media (max-width: 620px){
  .kwt-pwaPrompt{
    left: 10px;
    right: 10px;
    bottom: 154px;
    width: auto;
    border-radius: 14px;
  }
}

/* iPhone install + notification guides (fullscreen, simple UX) */
html.kwt-iosGuideOpen{
  overflow: hidden;
}
.kwt-iosGuide{
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
}
.kwt-iosGuide__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(4px);
}
.kwt-iosGuide__sheet{
  position: relative;
  z-index: 1;
  width: min(480px, 100%);
  max-height: min(92vh, 780px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border-radius: 22px 22px 0 0;
  padding: 18px 18px max(18px, env(safe-area-inset-bottom));
  box-shadow: 0 -12px 40px rgba(15,23,42,.22);
  animation: kwtIosGuideUp .28s ease-out;
}
.kwt-iosGuide__sheet--notify{
  text-align: center;
  padding-top: 28px;
}
@keyframes kwtIosGuideUp{
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.kwt-iosGuide__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  color: rgba(15,23,42,.75);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.kwt-iosGuide__head{
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding-right: 36px;
}
.kwt-iosGuide__logo{
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(66,133,244,.18);
}
.kwt-iosGuide__title{
  margin: 0 0 4px;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25;
  color: #0f172a;
}
.kwt-iosGuide__title--center{ text-align: center; }
.kwt-iosGuide__lead{
  margin: 0;
  font-size: .82rem;
  line-height: 1.45;
  color: rgba(15,23,42,.72);
}
.kwt-iosGuide__lead--center{ text-align: center; }
.kwt-iosGuide__alert{
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(245,158,11,.12);
  border: 1px solid rgba(245,158,11,.35);
  font-size: .8rem;
  line-height: 1.4;
  color: #92400e;
}
.kwt-iosGuide__visual{
  margin: 8px 0 14px;
}
.kwt-iosGuide__phone{
  position: relative;
  border: 2px solid rgba(15,23,42,.1);
  border-radius: 18px;
  background: #f8fafc;
  padding: 14px 12px 52px;
  overflow: hidden;
}
.kwt-iosGuide__screen{
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kwt-iosGuide__appPreview{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: .78rem;
  font-weight: 700;
  color: #0f172a;
}
.kwt-iosGuide__appPreview img{
  border-radius: 14px;
}
.kwt-iosGuide__safariBar{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 8px 10px max(8px, env(safe-area-inset-bottom));
  background: rgba(255,255,255,.96);
  border-top: 1px solid rgba(15,23,42,.1);
  transition: box-shadow .2s ease, background .2s ease;
}
.kwt-iosGuide__safariBar--active{
  background: #eff6ff;
  box-shadow: inset 0 0 0 2px #2563eb;
}
.kwt-iosGuide__barIcon{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 1rem;
  color: #2563eb;
}
.kwt-iosGuide__barIcon small{
  font-size: .58rem;
  font-weight: 700;
  line-height: 1;
}
.kwt-iosGuide__barIcon--dim{
  color: rgba(15,23,42,.35);
  font-size: .9rem;
}
.kwt-iosGuide__barIcon--share{
  transform: scale(1.05);
}
.kwt-iosGuide__pulse{
  animation: kwtIosPulse 1.2s ease-in-out infinite;
}
@keyframes kwtIosPulse{
  0%, 100% { transform: scale(1.05); box-shadow: 0 0 0 0 rgba(37,99,235,.35); border-radius: 10px; }
  50% { transform: scale(1.15); box-shadow: 0 0 0 10px rgba(37,99,235,0); }
}
.kwt-iosGuide__arrowDown{
  position: absolute;
  right: 18%;
  bottom: 46px;
  font-size: .72rem;
  font-weight: 800;
  color: #2563eb;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
}
.kwt-iosGuide__arrowDown--active{
  opacity: 1;
  transform: translateY(0);
  animation: kwtIosBounce 1s ease-in-out infinite;
}
@keyframes kwtIosBounce{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}
.kwt-iosGuide__steps{
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.kwt-iosGuide__steps li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: .8rem;
  line-height: 1.4;
  color: rgba(15,23,42,.88);
}
.kwt-iosGuide__stepNo{
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 800;
  background: #2563eb;
  color: #fff;
}
.kwt-iosGuide__actions{
  display: grid;
  gap: 10px;
  margin: 12px 0 8px;
}
.kwt-iosGuide__actions--center{
  justify-items: center;
}
.kwt-iosGuide__btn{
  border: 0;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: .88rem;
  font-weight: 800;
  cursor: pointer;
  width: 100%;
}
.kwt-iosGuide__btn--xl{
  padding: 16px 18px;
  font-size: 1rem;
  border-radius: 16px;
}
.kwt-iosGuide__btn--primary{
  background: linear-gradient(180deg, #2563eb, #1d4ed8);
  color: #fff;
  box-shadow: 0 10px 24px rgba(37,99,235,.28);
}
.kwt-iosGuide__btn--success{
  background: linear-gradient(180deg, #16a34a, #15803d);
  color: #fff;
  box-shadow: 0 10px 24px rgba(22,163,74,.28);
}
.kwt-iosGuide__btn--ghost{
  background: rgba(15,23,42,.06);
  color: rgba(15,23,42,.84);
}
.kwt-iosGuide__btn--pulse{
  animation: kwtIosPulse 1.2s ease-in-out infinite;
}
.kwt-iosGuide__coachPanel{
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(37,99,235,.06);
  border: 1px solid rgba(37,99,235,.18);
}
.kwt-iosGuide__coachTitle{
  margin: 0 0 6px;
  font-size: .92rem;
  font-weight: 800;
  color: #1e40af;
}
.kwt-iosGuide__coachText{
  margin: 0 0 8px;
  font-size: .8rem;
  line-height: 1.4;
  color: rgba(15,23,42,.82);
}
.kwt-iosGuide__coachText--sm{
  font-size: .74rem;
  color: rgba(15,23,42,.68);
}
.kwt-iosGuide__shareSheet{
  margin: 8px 0 10px;
  padding: 10px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.1);
}
.kwt-iosGuide__shareRow{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .82rem;
  font-weight: 700;
  color: #0f172a;
}
.kwt-iosGuide__shareRow .ti{
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,23,42,.08);
}
.kwt-iosGuide__hint{
  margin: 0 0 10px;
  font-size: .74rem;
  line-height: 1.4;
  color: rgba(15,23,42,.62);
}
.kwt-iosGuide__hint--center{ text-align: center; }
.kwt-iosGuide__later{
  display: block;
  width: 100%;
  margin-top: 4px;
  border: 0;
  background: none;
  color: rgba(15,23,42,.55);
  font-size: .78rem;
  font-weight: 600;
  padding: 8px;
  cursor: pointer;
}
.kwt-iosGuide__notifyIcon{
  width: 64px;
  height: 64px;
  margin: 0 auto 12px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(22,163,74,.12);
  color: #15803d;
  font-size: 1.8rem;
}
.kwt-iosGuide--notify .kwt-iosGuide__btn--xl{
  max-width: 320px;
}
.kwt-iosGuide__phone--android{
  padding-bottom: 48px;
}
.kwt-iosGuide__chromeBar{
  position:absolute;
  top:8px;
  right:10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  font-size:.58rem;
  font-weight:700;
  color:#2563eb;
}
.kwt-iosGuide__chromeBar--active{
  filter:drop-shadow(0 0 8px rgba(37,99,235,.35));
}
.kwt-iosGuide__chromeDots{
  display:flex;
  align-items:center;
  gap:3px;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(37,99,235,.1);
  border:1px solid rgba(37,99,235,.25);
}
.kwt-iosGuide__chromeDots span{
  width:5px;
  height:5px;
  border-radius:999px;
  background:#2563eb;
  display:block;
}
.kwt-pwaPrompt{
  display:none !important;
}

@media (min-width: 621px){
  .kwt-iosGuide{
    align-items: center;
    padding: 20px;
  }
  .kwt-iosGuide__sheet{
    border-radius: 22px;
    max-height: min(88vh, 760px);
  }
}

.kwt-postWizard__crumbSep{
  margin: 0 6px;
  color: rgba(15,23,42,0.35);
}
.kwt-postWizard__pickForm{
  margin: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.kwt-postWizard__tileSubmit{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex: 1;
  min-height: 5rem;
  margin: 0;
  padding: 0px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,0.12);
  background: #F5F7FA;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
  -webkit-tap-highlight-color: transparent;
}
.kwt-postWizard__tileSubmit:hover{
  border-color: rgba(66,133,244,0.35);
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(15,23,42,0.07); background:#F5F7FA;
}
.kwt-postWizard__tileSubmit--busy{
  position: relative;
  cursor: progress;
  opacity: .82;
}
.kwt-postWizard__tileSubmit--busy::after{
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(66,133,244,.25);
  border-top-color: rgba(66,133,244,.95);
  animation: spin .8s linear infinite;
  margin-left: 8px;
}
.kwt-postWizard__tileSubmit:focus-visible{
  outline: 2px solid var(--kwt-primary);
  outline-offset: 2px;
}
.kwt-postWizard__tileSubmit--cat{
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  min-height: 6px !important;
  padding: 0px 14px !important;
}
.kwt-postWizard__tileSubmit.is-selected{
  border-color: var(--kwt-primary);
  background: linear-gradient(145deg, rgba(66,133,244,0.1) 0%, #F5F7FA 55%);
  box-shadow: 0 8px 22px rgba(66,133,244,0.12);
}
.kwt-postWizard__tileSubmit .kwt-postWizard__typeIcon{
  margin-bottom: 2px;
}
.kwt-postWizard__tileSubmit .kwt-postWizard__typeLabel{
  font-weight: 600;
  font-size: 0.60rem;
  color: var(--kwt-dark);
}
.kwt-postWizard__tileSubmit .kwt-postWizard__typeHint{
  font-size: 0.72rem;
  line-height: 1.3;
  color: rgba(15,23,42,0.55);
  max-width: 24ch;
}
/* Keep section/type picks in stacked icon+label layout on post wizard. */
.kwt-postWizard__tileSubmit--main,
.kwt-postWizard__tileSubmit--type{
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.kwt-postWizard__head{
  margin-bottom: 16px;
}
.kwt-postWizard__title{
  margin: 0 0 8px;
  font-size: clamp(1.15rem, 4.2vw, 1.35rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--kwt-text);
}
.kwt-postWizard__lead{
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: rgba(15,23,42,0.68);
}
.kwt-postWizard__inlineLink{
  color: var(--kwt-primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.kwt-postWizard__fieldset{
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
/* Metro UI: use .grid > .row > .cell-* inside fieldset; tweak cells in post.php */
.kwt-postWizard__grid{
  width: 100%;
  /* Category grid (.kwt-postWizard__grid--categories): space between category rows/columns */
  --kwt-pw-cat-gap: 3px !important;
}

/* Rows often use align-items-center (shorter tiles float vertically); stretch + flex fill removes the gap */
.kwt-postWizard__grid > .row{
  align-items: stretch; gap:5px;
}
.kwt-postWizard__grid > .row > [class*="cell-"]{
  display: flex;
  flex-direction: column;
  min-height: 0;
}
/* Category tiles: pickForm flex:1 + short cat button = empty band under each tile � reset to content height */
.kwt-postWizard__grid--categories > .row > [class*="cell-"]{
  display: block;
}
.kwt-postWizard__grid--categories .kwt-postWizard__pickForm{
  flex: none;
  display: block;
  height: auto;
}
.kwt-postWizard__grid--categories > .row{
  gap: var(--kwt-pw-cat-gap);
}
.kwt-postWizard__typeCell,
.kwt-postWizard__catCell{
  position: relative;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.kwt-postWizard__form{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.kwt-postWizard__radio{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.kwt-postWizard__typeCard{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  flex: 1;
  min-height: 5.5rem;
  padding: 14px 12px;
  border-radius: 14px;
  border: 2px solid rgba(15,23,42,0.12);
  background: #F5F7FA;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
  -webkit-tap-highlight-color: transparent;
}
.kwt-postWizard__typeCard:hover{
  border-color: rgba(66,133,244,0.35);
}
.kwt-postWizard__radio:focus-visible + .kwt-postWizard__typeCard{
  outline: 2px solid var(--kwt-primary);
  outline-offset: 2px;
}
.kwt-postWizard__radio:checked + .kwt-postWizard__typeCard{
  border-color: var(--kwt-primary);
  background: linear-gradient(145deg, rgba(66,133,244,0.09) 0%, rgba(245,247,250,1) 55%);
  box-shadow: 0 8px 22px rgba(66,133,244,0.12);
}
.kwt-postWizard__typeIcon{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(66,133,244,0.1);
  color: var(--kwt-primary);
  font-size: 1rem;
}
.kwt-postWizard__typeIconImg{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
  display:block;
}
.kwt-postWizard__typeLabel{
  font-weight: 600;
  font-size: 0.65rem;
  color: var(--kwt-dark);
  line-height: 1.2;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.kwt-postWizard__typeHint{
  font-size: 0.65rem;
  line-height: 1.2;
  color: rgba(15,23,42,0.55);
}
.kwt-postWizard__catCard{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
  flex: 1;
  min-height: 52px;
  padding: 14px 14px;
  border-radius: 14px;
  border: 2px solid rgba(15,23,42,0.12);
  background: #F5F7FA;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  -webkit-tap-highlight-color: transparent;
}
.kwt-postWizard__catCard:hover{
  border-color: rgba(66,133,244,0.35);
}
.kwt-postWizard__radio:focus-visible + .kwt-postWizard__catCard{
  outline: 2px solid var(--kwt-primary);
  outline-offset: 2px;
}
.kwt-postWizard__radio:checked + .kwt-postWizard__catCard{
  border-color: var(--kwt-primary);
  background: linear-gradient(90deg, rgba(66,133,244,0.07) 0%, #F5F7FA 42%);
  box-shadow: 0 8px 22px rgba(66,133,244,0.1);
}
.kwt-postWizard__catName{
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--kwt-text);
}
.kwt-postWizard__catChev{
  color: rgba(15,23,42,0.35);
  font-size: 1.1rem;
}
.kwt-postWizard__footerBar{
  position: sticky;
  bottom: 0;
  padding: 12px 0 4px;
  margin-top: 4px;
  background: linear-gradient(180deg, transparent, var(--kwt-bg) 28%);
}
.kwt-postWizard__footerBar--details{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(15,23,42,0.08);
  background: linear-gradient(180deg, rgba(245,247,250,0) 0%, var(--kwt-bg) 35%);
}
/* Listing details: discard (compact) + save (flex) on one row; save uses form="kwtDetailsForm" */
.kwt-postWizard__detailsBar{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 16px;
  padding: 16px 0 10px;
  border-top: 1px solid rgba(15,23,42,0.08);
  position: sticky;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(245,247,250,0) 0%, var(--kwt-bg) 38%);
}
.kwt-postWizard__policyRow{
  display: flex;
  align-items: center;
}
.kwt-postWizard__detailsButtons{
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.kwt-postWizard__discardForm{
  margin: 0;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
}
.kwt-postWizard__detailsButtons .button.kwt-postWizard__discardBtn,
.kwt-postWizard__detailsButtons .button.kwt-postWizard__publishBtn,
.kwt-postWizard__detailsButtons .button.kwt-postWizard__detailsSaveBtn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 40px;
  padding: 10px 14px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  white-space: nowrap;
  width: 100%;
}
.kwt-postWizard__detailsSaveBtn{
  flex: 1;
  min-width: 0;
}
.kwt-postWizard__detailsSaveBtn:disabled{
  opacity: 0.85;
  cursor: wait;
}
.kwt-postWizard__detailsBarGrow{
  flex: 1 1 auto;
  min-width: 4px;
}
.kwt-postWizard__publishForm{
  margin: 0;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
}
.kwt-postWizard__discardBtn{
  white-space: nowrap;
}
.kwt-postWizard__publishBtn{
  white-space: nowrap;
}
@media (max-width: 767px){
  .kwt-postWizard__detailsBarGrow{
    display: none;
  }
  .kwt-postWizard__detailsButtons{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
  }
  .kwt-postWizard__discardForm,
  .kwt-postWizard__publishForm{
    margin: 0;
    min-width: 0;
    width: 100%;
    display: flex;
  }
  .kwt-postWizard__detailsSaveBtn{
    min-width: 0;
    width: 100%;
  }
  .kwt-postWizard__detailsButtons .button.kwt-postWizard__discardBtn,
  .kwt-postWizard__detailsButtons .button.kwt-postWizard__publishBtn,
  .kwt-postWizard__detailsButtons .button.kwt-postWizard__detailsSaveBtn{
    min-height: 44px;
    height: 100%;
    padding: 0 6px !important;
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
    border-width: 1px !important;
  }
}
.kwt-postQuick__hidden{display:none!important}
.kwt-cityPickListBtn{
  display: block; position:absolute;
  top:0;
  right:0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--pd-red);
  text-decoration: underline;
  text-align: left;
}
.kwt-postQuick__err{color:#DC2626;background:rgba(245,247,250,.9);border:1px solid rgba(220,38,38,.5);border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:13px}
.kwt-postQuick__err.kwt-postQuick__err--info{
  color:#1d4ed8;
  border-color: rgba(37,99,235,.4);
  background: rgba(219,234,254,.68);
}
.kwt-postQuick__catsBusy .kwtQ-pickCat{
  pointer-events:none;
}
.kwt-postQuick__back{
  margin-top: 5px;
  background:#F5F7FA;
  border:1px solid #F5F7FA; border-radius:12px;
  padding:4px 6px 4px 2px !important;
  text-decoration:none;
  cursor:pointer;
  color:#0F172A; font-weight: 500 !important;
  font-size:0.75rem !important;
}

.kwt-postQuick__block{margin-bottom:18px}
.kwt-postQuick__tagline{max-width:40rem}
.kwt-postQuick__path{
  max-width:100%;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kwt-postQuick__mediaNote{padding:8px 10px;border-radius:8px;background:rgba(15,23,42,.04)}
.kwt-postWizard__detailsForm{
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.kwt-postWizard__detailsBody{
  flex: 1;
  min-height: 0;
}
.kwt-postWizard__detailsField{
  margin-bottom: 14px;
}
.kwt-postWizard__detailsField:last-of-type{
  margin-bottom: 0;
}
.kwt-postWizard__detailsLabel{
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--kwt-text);
  margin: 0 0 6px;
}
.kwt-postWizard__req{
  color: #DC2626;
  font-weight: 700;
}
.kwt-postWizard__detailsInput,
.kwt-postWizard__detailsTextarea,
.kwt-postWizard__detailsSelect{
  width: 100%;
  max-width: 100%;
  padding: 0px 12px;
}
.kwt-postWizard__detailsInput:focus,
.kwt-postWizard__detailsTextarea:focus,
.kwt-postWizard__detailsSelect:focus{
  outline: none;
  border-color: rgba(66,133,244,0.45);
  box-shadow: 0 0 0 3px rgba(66,133,244,0.12);
}
.textarea{
  resize: vertical;
  padding: 15px !important;
  min-height: 250px;
  line-height: 1.45;
}
.kwt-postWizard__detailsGrid{
  width: 100%;
}
/* Details step uses .grid > .row > .cell-* without .kwt-postWizard__grid � stack label above control for all field types */
.kwt-postWizard__detailsGrid > .row > [class*="cell-"]{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
}
.kwt-postWizard__detailsGrid > .row > [class*="cell-"] > label:first-child{
  display: block;
  width: 100%;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--kwt-text);
  margin: 0;
}
.kwt-postWizard__detailsGrid > .row > [class*="cell-"] > .form-control,
.kwt-postWizard__detailsGrid > .row > [class*="cell-"] > select,
.kwt-postWizard__detailsGrid > .row > [class*="cell-"] > textarea,
.kwt-postWizard__detailsGrid > .row > [class*="cell-"] > .selectform-control{
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
.kwt-postWizard__detailsGrid > .row > [class*="cell-"] > .kwt-postWizard__checkboxRow{
  width: 100%;
}

/* Listing intent (Sell / Swap / Free + Negotiable) � top of the details form */
.kwt-intent{
  margin-bottom: 6px;
}
.kwt-intent__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  row-gap: 12px;
  width: 100%;
  margin-bottom: 14px;
}
@media (max-width: 767px){
  .kwt-intent{
    margin-bottom: 22px !important;
  }
  .kwt-intent__chips{
    gap: 8px 8px;
    row-gap: 22px;
    margin-bottom: 18px;
    padding-bottom: 6px;
  }
  .kwt-intent--condition,
  .kwt-intent--delivery{
    margin-bottom: 28px !important;
    padding-bottom: 10px;
  }
  .kwt-intent--condition .kwt-intent__chip,
  .kwt-intent--delivery .kwt-intent__chip{
    margin-bottom: 6px;
  }
}
.kwt-intent__chip{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 8px !important;
  border: 1px solid #F5F7FA;
  background: #F5F7FA;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
  user-select: none;
  margin: 0;
}
.kwt-intent__chip:hover{
  border-color: #4285F4;
  color: #4285F4;
}
/* Hide native control � intent uses checkboxes; condition + delivery use radios */
.kwt-intent__chip input[type="checkbox"],
.kwt-intent__chip input[type="radio"]{
  position: absolute;
  inset: 0 auto auto 0;
  margin: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
}
.kwt-intent__chip .ti{
  font-size: 0.95rem;
  line-height: 1;
  flex-shrink: 0;
}
/* Condition + delivery: slightly tighter pill (radios looked oversized before hide) */
.kwt-intent--condition .kwt-intent__chip,
.kwt-intent--delivery .kwt-intent__chip{
  padding: 5px 11px !important;
  gap: 6px;
  font-size: 0.72rem;
  min-height: 0;
}
.kwt-intent__chip:has(input:checked){
  background: #F5F7FA;
  border-color: var(--kwt-primary);
  color: var(--kwt-primary);
  box-shadow: inset 0 0 0 1px #4285F4;
}
.kwt-intent__chip--condition:has(input:checked){
  background: #F5F7FA;
  border-color: var(--kwt-primary);
  color: var(--kwt-primary);
  box-shadow: inset 0 0 0 1px rgba(22,163,74,0.45);
}
.kwt-intent__chip--delivery:has(input:checked){
  background: #F5F7FA;
  border-color: #4285F4;
  color: #230078;
  box-shadow: inset 0 0 0 1px rgba(66,133,244,0.4);
}
.kwt-intent__chip--neg:has(input:checked){
  background: #F5F7FA;
  border-color: #F59E0B;
  color: #DC2626;
  box-shadow: inset 0 0 0 1px #F59E0B;
}
.kwt-intent__chip:has(input:focus-visible){
  outline: 2px solid #4285F4;
  outline-offset: 2px;
}
.kwt-intent__chip.is-disabled{
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.kwt-intent__swap{
  width: 100%;
  max-width: 100%;
}
.kwt-intent__swap > .form-control{
  width: 100%;
  box-sizing: border-box;
}
.kwt-postWizard__detailsPriceRow{
  display: flex;
  align-items: center;
  gap: 8px;
}
.kwt-postWizard__detailsCurrency{
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(15,23,42,0.55);
  letter-spacing: 0.02em;
}
.kwt-postWizard__detailsSectionTitle{
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(15,23,42,0.45);
  margin: 22px 0 10px;
  padding-top: 4px;
  border-top: 1px solid rgba(15,23,42,0.08);
}
.kwt-postWizard__detailsPhotos{
  margin-top: 20px;
  padding: 14px 14px 16px;
  border-radius: 14px;
  border: 1px dashed rgba(15,23,42,0.18);
  background: rgba(66,133,244,0.03);
}
.kwt-postWizard__detailsPhotosTitle{
  margin: 0 0 6px;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--kwt-text);
  display: flex;
  align-items: center;
  gap: 8px;
}
.kwt-postWizard__detailsPhotosTitle .ti{
  color: var(--kwt-primary);
  font-size: 1.1rem;
}
.kwt-postWizard__secondary{
  margin-top: 12px;
  padding-bottom: 8px;
}
.kwt-postWizard__empty,
.kwt-postWizard__card{
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,0.1);
  background: #F5F7FA;
  padding: 6px 14px;
  margin-bottom: 12px;
}

.kwt-postWizard__card--prose .kwt-postWizard__list{
  margin: 0 0 14px;
  padding-left: 1.15rem;
  font-size: 0.88rem;
  line-height: 1.5;
  color: rgba(15,23,42,0.85);
}
.kwt-postWizard__card--prose .kwt-postWizard__list li{
  margin-bottom: 6px;
}
.kwt-postWizard__note{
  font-size: 0.82rem;
  color: rgba(15,23,42,0.62);
  margin: 0 0 16px;
  line-height: 1.45;
}
.kwt-postWizard__actionsRow{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}
.kwt-postWizard__code{
  font-size: 0.78rem;
  word-break: break-all;
}

/* �� Tablet / desktop polish �� */
@media (min-width: 768px){
  
  .kwt-postWizard__title{
    font-size: clamp(1.35rem, 2.4vw, 1.65rem);
  }
  .kwt-postWizard__lead{
    font-size: 0.95rem;
    max-width: 62ch;
  }
  .kwt-postWizard__typeCard{
    min-height: 6.25rem;
    padding: 16px 12px;
    border-radius: 16px;
  }
  .kwt-postWizard__typeLabel{
    font-size: 0.65rem;
  }
  .kwt-postWizard__typeHint{
    font-size: 0.75rem;
  }
  .kwt-postWizard__catCard{
    min-height: 56px;
    border-radius: 16px;
  }
  .kwt-postWizard__empty,
  .kwt-postWizard__card{
    padding: 10px 14px;
    border-radius: 16px;
  }
}


.kwt-postWizard{
  max-width: none;
  width: 100%;
  padding:20px 0px 50px 0px;
  margin: 0;
}
.kwt-postWizard--static{
  padding-top: 24px;
}
.kwt-postWizard__inner{
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
  background: #F5F7FA;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,0.07);
  box-shadow:
    0 1px 0 rgba(245,247,250,0.85) inset,
    0 32px 64px -12px rgba(15,23,42,0.1),
    0 12px 24px -8px rgba(15,23,42,0.06);
}

@media (max-width: 900px){
  .kwt-postWizard{
    max-width: none;
    width: 100%;
    padding:10px 0px 30px 0;
    margin: 0;
  }
  .kwt-postWizard__inner{
    max-width: 100%;
    margin: 0 auto;
    padding: 25px 15px;
    background: #F5F7FA;
    border-radius: 24px;
    border: 1px solid rgba(15,23,42,0.07);
    box-shadow:
      0 1px 0 rgba(245,247,250,0.85) inset,
      0 32px 64px -12px rgba(15,23,42,0.1),
      0 12px 24px -8px rgba(15,23,42,0.06);
  }
  .kwt-postWizard a, .kwt-postWizard a:hover{ text-decoration: none;}
}

.kwt-postWizard__progress{ display: none !important;}

@media (min-width: 900px){
 
  .kwt-postWizard__flash{
    border-radius: 14px;
    padding: 4px 18px;
    font-size: 0.75rem;
  }
  .kwt-postWizard__progress{
    margin-bottom: 28px;
    padding: 4px 8px 8px;
  }
  .kwt-postWizard__steps{
    gap: 6px;
    position: relative;
  }
  .kwt-postWizard__steps > li{
    flex: 1;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(15,23,42,0.08);
    background: linear-gradient(180deg, #F5F7FA 0%, #F5F7FA 100%);
    box-shadow: 0 4px 16px rgba(15,23,42,0.05);
    font-size: 0.75rem;
    gap: 0px;
  }
  .kwt-postWizard__steps > li.is-active{
    border-color: rgba(66,133,244,0.45);
    background: linear-gradient(180deg, rgba(66,133,244,0.1) 0%, #F5F7FA 65%);
    box-shadow: 0 8px 28px rgba(66,133,244,0.15);
  }
  .kwt-postWizard__steps > li.is-done:not(.is-active){
    border-color: rgba(22,163,74,0.25);
    background: linear-gradient(180deg, rgba(22,163,74,0.06) 0%, #F5F7FA 70%);
  }
  .kwt-postWizard__stepNum{
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
    box-shadow: 0 2px 8px rgba(15,23,42,0.08);
    margin-bottom: 8px;
  }
  .kwt-postWizard__stepLab{
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(15,23,42,0.5);
  }
  .kwt-postWizard__steps > li.is-active .kwt-postWizard__stepLab{
    color: var(--kwt-dark);
  }
  .kwt-postWizard__head{
    margin-bottom: 22px;
    padding: 4px 0 4px 22px;
    border-left: 4px solid var(--kwt-primary);
    border-radius: 0 2px 2px 0;
  }
  .kwt-postWizard__head p{ letter-spacing: -0.02rem;}
  .kwt-postWizard__detailsBody{
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .kwt-postWizard__title{
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
  .kwt-postWizard__typeCard:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(15,23,42,0.08);
    border-color: rgba(66,133,244,0.28);
  }
  .kwt-postWizard__radio:checked + .kwt-postWizard__typeCard{
    transform: translateY(-1px);
    box-shadow: 0 16px 40px rgba(66,133,244,0.18);
  }
  .kwt-postWizard__typeIcon{
    border-radius: 14px;
    font-size: 1.5rem;
    background: linear-gradient(135deg, rgba(66,133,244,0.05), rgba(66,133,244,0.08));
  }
  .kwt-postWizard__typeLabel{
    font-size: 0.95rem;
  }
  .kwt-postWizard__catCard:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(15,23,42,0.07);
  }
  .kwt-postWizard__radio:checked + .kwt-postWizard__catCard{
    box-shadow: 0 12px 32px rgba(66,133,244,0.12);
  }
  .kwt-postWizard__footerBar{
    position: static;
    margin-top: 12px;
    padding: 20px 0 0;
    background: none;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid rgba(15,23,42,0.06);
  }
  .kwt-postWizard__footerBar .button.w-100{
    width: auto;
    min-width: 220px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .kwt-postWizard__detailsBar{
    position: static;
    margin-top: 20px;
    padding-top: 20px;
    background: none;
    justify-content: flex-start;
  }
  .kwt-postWizard__secondary{
    display: flex;
    justify-content: center;
    margin-top: 16px;
  }
  .kwt-postWizard__secondary .button{
    width: auto;
    min-width: 280px;
  }
}

@media (min-width: 1200px){
  .kwt-postWizard__inner{
    max-width: 980px;
    padding: 36px 44px 44px;
  }
  .kwt-postWizard__typeCard{
    min-height: 6.75rem;
    padding: 18px 14px;
  }
}

/* --- Listing detail (post-details.php) � compact letgo-style layout --- */
.kwt-pd{
  --pd-red: #DC2626;
  --pd-red-soft: #F5F7FA;
  --pd-radius: 16px;
  margin: 0 auto;
  font-family: Inter, system-ui, sans-serif;
}
.kwt-pd__topbar{ margin-bottom: 8px; }
.kwt-pd--empty{ min-height: 40vh; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.kwt-pd__crumb{
  font-size: 0.7rem;
  padding: 30px 0 14px 0;
  line-height: 1.4;
  flex-wrap: wrap;
}
.kwt-pd__crumb a{ color: rgba(15,23,42,.55); text-decoration: none; }
.kwt-pd__crumb a:hover{ color: var(--pd-red); }
.kwt-pd__crumbSep{ margin: 0 6px; opacity: .45; }
.kwt-pd__crumbCurrent{ color: rgba(15,23,42,.85); font-weight: 600; }
.kwt-pd__card{
  background: #F5F7FA;
  border-radius: var(--pd-radius);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 8px 28px rgba(15,23,42,.06);
}
.kwt-pd__galleryCard{ overflow: hidden; }
.kwt-pd__hero{
  position: relative;
  background: #F5F7FA;
  aspect-ratio: 4/3;
  max-height: 520px;
  width: 100%;
}
.kwt-pd__spot{
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: normal;
  font-size: 0.55rem;
  font-weight: 500;
  padding: 3px 6px;
  border-radius: 999px;
  border:1px solid rgba(245,247,250,0.3);
  color: #F5F7FA;
  background: linear-gradient(135deg, #F59E0B, #0F172A);
  box-shadow: 0 2px 10px rgba(15,23,42,.2);
  
}
.kwt-pd__mainImg{
  width: 100%;
  height: 100%;
  object-fit:contain;
  display: block;
}
.kwt-pd__heroTop{
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
  z-index: 2;
}
.kwt-pd__iconBtn{
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 1px solid #F5F7FA;
  background: rgba(245,247,250,.3);
  color: #F5F7FA;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1.1rem;
}
.kwt-pd__iconBtn:hover{ background: rgba(220,38,38,.4); }
.kwt-pd__iconBtn.is-saved{ background: rgba(220,38,38,0.88); border: 1px solid #DC2626; color: #F5F7FA; }
.kwt-pd__iconBtn:disabled{ opacity: 0.5; cursor: not-allowed; }

/* Share dropdown menu */
.kwt-pd__shareWrap{ position: relative; display: inline-flex; }
.kwt-pd__shareMenu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 200px;
  background: #F5F7FA;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(15,23,42,.18);
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 5;
  animation: kwtShareIn .14s ease-out;
}
.kwt-pd__shareWrap.is-open .kwt-pd__iconBtn{ background: rgba(15,23,42,.72); }
@keyframes kwtShareIn{
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.kwt-pd__shareItem{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(15,23,42,.85);
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.kwt-pd__shareItem:hover{ background: rgba(15,23,42,.05); color: rgba(15,23,42,1); }
.kwt-pd__shareItem .ti{ font-size: 1.05rem; width: 22px; text-align: center; }
.kwt-pd__shareItem--whatsapp .ti{ color: #16A34A; }
.kwt-pd__shareItem--facebook .ti{ color: #4285F4; }
.kwt-pd__shareItem--messenger .ti{ color: #4285F4; }
.kwt-pd__shareItem--x .ti{ color: #0F172A; }
.kwt-pd__shareItem--telegram .ti{ color: #14C6CB; }
.kwt-pd__shareItem--linkedin .ti{ color: #0033CC; }
.kwt-pd__shareItem--email .ti{ color: #16A34A; }
.kwt-pd__shareItem--copy .ti{ color: #16A34A; }
@media (max-width: 575px){
  .kwt-pd__shareMenu{ right: -6px; min-width: 220px; }
}
.kwt-pd__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 0;
  background: rgba(245,247,250,.92);
  color: #0F172A;
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 2;
  box-shadow: 0 2px 12px rgba(15,23,42,.12);
}
.kwt-pd__nav--prev{ left: 12px; }
.kwt-pd__nav--next{ right: 12px; }
.kwt-pd__thumbs{
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  overflow-x: auto;
  border-top: 1px solid rgba(15,23,42,.06);
}
.kwt-pd__t{
  flex: 0 0 64px;
  width: 64px; height: 64px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  background: #F5F7FA;
}
.kwt-pd__t img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-pd__t.is-active{ border-color: var(--pd-red); }
.kwt-pd__infoCard{ padding: 18px 20px 22px; }
.kwt-pd__infoRow{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.kwt-pd__price{
  font-size: 1.65rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
}
.kwt-pd__pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  background: #F5F7FA;
  color: #0033CC;
  vertical-align: middle;
}
.kwt-pd__meta{ font-size: 0.75rem; }
.kwt-pd__title{
  font-size: 1.05rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0 0 12px;
  line-height: 1.35;
}
.kwt-pd__desc .kwt-pd__mapWrap,
.kwt-pd__specValue .kwt-pd__mapWrap{
  width: 100%;
  max-width: 100%;
  margin: 12px 0;
  line-height: 0;
}
.kwt-pd__desc .kwt-pd__mapFrame,
.kwt-pd__specValue .kwt-pd__mapFrame{
  width: 100% !important;
  max-width: 100%;
  min-height: 280px;
  height: 360px;
  border: 0;
  display: block;
}
.kwt-pd__intentChips{
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin: 0px;
}
.kwt-pd__intentChip{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0px 6px !important;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 500;
  border: 1px solid transparent;
  line-height: 1.2;
}
.kwt-pd__intentChip .ti{ font-size: 0.9rem; }
.kwt-pd__intentChip--sale{ background:#F5F7FA; color:#0033CC; border-color:#F5F7FA; }
.kwt-pd__intentChip--swap{ background:#F5F7FA; color:#0033CC; border-color:#F5F7FA; }
.kwt-pd__intentChip--free{ background:#F5F7FA; color:#16A34A; border-color:#F5F7FA; }
.kwt-pd__intentChip--neg{  background:#F5F7FA; color:#DC2626; border-color:#F5F7FA; }
.kwt-pd__intentChip--delivery{ background:#F5F7FA; color:#0033CC; border-color:#F5F7FA; }
.kwt-pd__intentChip--condition{ background:#F5F7FA; color:#16A34A; border-color:#F5F7FA; }
.kwt-pd__swapFor{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #0F172A;
  background: #F5F7FA;
  border: 1px dashed #F5F7FA;
  border-radius: 8px;
  padding: 8px 10px;
  margin: 0 0 10px;
}
.kwt-pd__swapFor .ti{ color:#0033CC; }
.kwt-pd__desc{
  font-size: 0.75rem;
  line-height: 1.55;
  color: rgba(15,23,42,.78);
}
.kwt-pd__contactLoginHint{
  font-size: 0.75rem;
  line-height: 1.45;
  padding-top: 10px;
  margin-top: 4px;
  border-top: 1px solid rgba(15,23,42,.06);
}
.kwt-pd__contactLoginHint a{
  color: var(--pd-red);
  font-weight: 600;
  text-decoration: none;
}
.kwt-pd__contactLoginHint a:hover{ text-decoration: underline; }
.kwt-pd__specCard{ padding: 18px 20px 22px; }
.kwt-pd__specHeading{
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(15,23,42,.45);
  margin: 0 0 14px;
}
.kwt-pd__specSection{
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(15,23,42,.88);
  margin: 18px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.kwt-pd__specCard .kwt-pd__specSection:first-of-type{ margin-top: 0; }

/* Documents / attachments on post-details (resume, brochure, etc.) */
.kwt-pd__docsCard{ padding: 18px 20px 20px; }
.kwt-pd__docsList{ display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }
.kwt-pd__doc{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  background: #F5F7FA;
  color: inherit;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.kwt-pd__doc:hover, .kwt-pd__doc:focus-visible{
  border-color: rgba(66,133,244,.35);
  box-shadow: 0 8px 22px rgba(15,23,42,.08);
  transform: translateY(-1px);
  text-decoration: none;
  color: inherit;
}
.kwt-pd__docIcon{
  width: 42px; height: 42px;
  border-radius: 10px;
  background: rgba(66,133,244,.08);
  color: #4285F4;
  display: grid; place-items: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}
.kwt-pd__docBody{ display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.kwt-pd__docName{
  font-weight: 600;
  color: #0F172A;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 0.92rem;
}
.kwt-pd__docMeta{ font-size: 0.75rem; color: rgba(15,23,42,.55); }
.kwt-pd__docDl{
  font-size: 1.2rem;
  color: rgba(15,23,42,.45);
  flex-shrink: 0;
}
.kwt-pd__doc:hover .kwt-pd__docDl{ color: #4285F4; }
.kwt-pd__specRow{
  display: grid;
  grid-template-columns: minmax(0, 38%) 1fr;
  gap: 10px 16px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(15,23,42,.06);
  font-size: 0.82rem;
}
.kwt-pd__specRow:last-child{ border-bottom: 0; padding-bottom: 0; }
.kwt-pd__specLabel{
  color: rgba(15,23,42,.5);
  font-weight: 600;
  word-break: break-word;
}
.kwt-pd__specValue{
  color: rgba(15,23,42,.9);
  line-height: 1.45;
  word-break: break-word;
}
.kwt-pd__btnBlock{ display: inline-flex; justify-content: center; text-decoration: none; box-sizing: border-box; }
.kwt-pd__ownerActions{
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.kwt-pd__ownerActionForm{
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}
.kwt-pd__ownerActionBtn{
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 0.72rem;
  line-height: 1.2;
  justify-content: center;
}
.kwt-pd__guestHint{ font-size: 0.82rem; line-height: 1.4; }
@media (max-width: 575px){
  .kwt-pd__specRow{ grid-template-columns: 1fr; gap: 4px; }
}
.kwt-pd__aside{ padding: 18px 16px 20px; position: static; top: auto; }

/* Seller card (post-details sidebar) */
.kwt-pd__sellerPanel{
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.kwt-pd__sellerPanel--owner{
  margin-bottom: 14px;
  padding-bottom: 0;
}
.kwt-pd__sellerHead{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.kwt-pd__sellerPanel .kwt-pd__av{
  width: 56px; height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(15,23,42,.1);
  flex-shrink: 0;
}
.kwt-pd__sellerHeadMain{
  flex: 1 1 120px;
  min-width: 0;
}
.kwt-pd__sellerName{
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: rgba(15,23,42,.94);
  margin-bottom: 6px;
}
.kwt-pd__sellerHead .kwt-pd__followBtn{
  margin-left: auto;
  align-self: flex-start;
}
@media (max-width: 420px){
  .kwt-pd__sellerHead .kwt-pd__followBtn{ margin-left: 0; }
}

/* Account-age tag (replaces profile-strength meter) */
.kwt-pd__sellerAge{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0px;
  border-radius: 999px;
  font-size: 0.60rem;
  font-weight: 500;
  letter-spacing: .02em;
  border: 0px solid rgba(15,23,42,.1);
  color: rgba(15,23,42,.7);
  white-space: nowrap; background:#F5F7FA !important;
  max-width: 100%;
  overflow: hidden; text-overflow: ellipsis;
}

.kwt-pd__sellerAge .ti{ font-size: 0.85rem; }
.kwt-pd__sellerAge--new{
  background: rgba(245,158,11,.12); color: #DC2626; border-color: rgba(245,158,11,.35);
}
.kwt-pd__sellerAge--recent{
  background: rgba(66,133,244,.1); color: #0033CC; border-color: rgba(66,133,244,.3);
}
.kwt-pd__sellerAge--established{
  background: rgba(22,163,74,.12); color: #16A34A; border-color: rgba(22,163,74,.32);
}
.kwt-pd__sellerAge--longtime{
  background: linear-gradient(135deg, rgba(22,163,74,.18), rgba(20,198,203,.14));
  color: #0F172A; border-color: rgba(22,163,74,.4);
}

/* Contact channels � small chips: just icon + label + check when on file */
.kwt-pd__sellerChips{
  list-style: none; text-align: center;
  gap: 3px;
  margin: 0 0 4px;
  padding: 0;
}
.kwt-pd__sellerChip{
  display:inline-block; text-align: center;
  align-items: center; 
  gap: 3px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1;
  background: #F5F7FA !important;
  border: 0px solid rgba(15,23,42,.08);
  color: #16A34A !important;
}
.kwt-pd__sellerChip .kwt-pd__sellerChip__icon{
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.92rem;
  color: rgba(15,23,42,.4);
}
.kwt-pd__sellerChip__tick{
  display: inline-flex; align-items: center; justify-content: center;
  width: 14px; height: 14px; border-radius: 50%;
  background: #16A34A; color: #F5F7FA;
  font-size: 0.5rem;
}
.kwt-pd__sellerChip.is-on{
  background: rgba(22,163,74,.08);
  border-color: rgba(22,163,74,.22);
  color: #16A34A;
}
.kwt-pd__sellerChip.is-on .kwt-pd__sellerChip__icon{ color: #16A34A; }
.kwt-pd__sellerChip.is-verified{
  background: linear-gradient(135deg, rgba(22,163,74,.14), rgba(22,163,74,.08));
  border-color: rgba(22,163,74,.45);
}
.kwt-pd__sellerChip.is-verified .kwt-pd__sellerChip__tick{
  background: transparent; color: #16A34A; font-size: 0.9rem;
}

.kwt-pd__sellerMember{
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(15,23,42,.06);
}
.kwt-pd__sellerSafety{
  margin-top: 10px;
  padding: 4px 10px;
  border-radius: 32px;
  background: rgba(245,158,11,.12);
  color: #0F172A;
  border: 1px solid rgba(245,158,11,.3);
  text-align:center !important;
  gap: 6px;
  line-height: 1.4;
  font-weight: 500;
}
.kwt-pd__sellerSafety .ti{ flex-shrink: 0; font-size: 0.75rem; margin-top: 1px; }
.kwt-pd__followBtn{
  flex: 0 0 auto;
  display: inline-flex; align-items: center; gap: 2px;
  margin-left: auto; height:auto;
  padding: 4px 6px !important; border-radius: 999px;
  font-size: 0.65rem; font-weight: 600; 
  background: #4285F4; color: #F5F7FA; border: 1px solid #4285F4;
  text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background .15s ease, color .15s ease, border-color .15s ease, opacity .15s ease;
}
.kwt-pd__followBtn:hover{ background: #0033CC; border-color: #0033CC; color: #F5F7FA; }
.kwt-pd__followBtn .ti{ font-size: 0.75rem; }
.kwt-pd__followBtn.is-following{
  background: #F5F7FA; color: #4285F4; border-color: rgba(66,133,244,.45);
}
.kwt-pd__followBtn.is-following:hover{
  background: rgba(220,38,38,.08); color: #DC2626; border-color: rgba(220,38,38,.45);
}
.kwt-pd__followBtn:disabled{ opacity: .65; cursor: progress; }
@media (max-width: 420px){
  .kwt-pd__followBtn{ padding: 0px 7px; font-size: 0.65rem; }
}
.kwt-pd__btnRow{ display: flex; gap: 8px; flex-wrap: wrap; }
.kwt-pd__btnRow .button{ flex: 1 1 calc(50% - 4px); min-width: 0; }

.kwt-pd__btnRow--seller{
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
}
.kwt-pd__btnRow--seller .kwt-pd__sellerActionBtn{
  flex: 0 1 auto;
  min-width: 88px;
  padding: 6px 8px;
  font-size: .68rem;
  line-height: 1.2;
  border-radius: 9px;
}
.kwt-pd__btnRow--seller .kwt-pd__sellerActionBtn .ti{ font-size: .85rem; }

body.kwt-pd-offer-open{ overflow: hidden; }

.kwt-pd__offerOverlay{
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background: rgba(15,23,42,0.5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.kwt-pd__offerOverlay[hidden]{ display: none !important; }

.kwt-pd__offerDlg{
  position: relative;
  margin: 0;
  border: none;
  border-radius: 18px;
  padding: 0;
  width: 100%;
  max-width: min(440px, calc(100vw - 32px));
  max-height: min(90vh, 720px);
  overflow: auto;
  box-shadow: 0 28px 80px rgba(15,23,42,0.28);
  background: #F5F7FA;
  animation: kwtPdOfferIn 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes kwtPdOfferIn{
  from{ opacity: 0; transform: translateY(12px) scale(0.98); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}
.kwt-pd__offerDlgInner{ padding: 0; margin: 0; }
.kwt-pd__offerDlgHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 8px;
}
.kwt-pd__offerDlgHead h2{
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}
.kwt-pd__offerDlgClose{
  border: none;
  background: rgba(15,23,42,.06);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(15,23,42,.7);
}
.kwt-pd__offerDlgClose:hover{ background: rgba(15,23,42,.1); }
.kwt-pd__offerListing{
  margin: 0 20px 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(66,133,244,.06), rgba(220,38,38,.04));
  border: 1px solid rgba(66,133,244,.12);
}
.kwt-pd__offerListingTitle{
  display: block;
  font-weight: 700;
  font-size: 0.95rem;
  color: #0F172A;
  line-height: 1.35;
}
.kwt-pd__offerListingPrice{
  display: block;
  margin-top: 4px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--kwt-primary, #4285F4);
}
.kwt-pd__offerListingSwap{
  margin: 8px 0 0;
  font-size: 0.8rem;
  color: #16A34A;
  line-height: 1.4;
}
.kwt-pd__offerModes{
  display: flex;
  gap: 8px;
  padding: 0 20px 14px;
}
.kwt-pd__offerMode{
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  background: #F5F7FA;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(15,23,42,.65);
  cursor: pointer;
  transition: border-color .15s, background .15s, color .15s;
}
.kwt-pd__offerMode .ti{ font-size: 1rem; }
.kwt-pd__offerMode.is-active{
  border-color: var(--kwt-primary, #4285F4);
  background: rgba(66,133,244,.08);
  color: var(--kwt-primary, #4285F4);
}
.kwt-pd__offerPanel{ display: none; }
.kwt-pd__offerPanel.is-active{ display: block; }
.kwt-pd__offerHint{
  margin: 0 20px 12px;
  font-size: 0.82rem;
  line-height: 1.45;
  color: #16A34A;
}
.kwt-pd__offerFieldNote{
  display: block;
  margin-top: 6px;
  font-size: 0.75rem;
  color: #16A34A;
  line-height: 1.35;
}
.kwt-pd__offerField--note{ padding-bottom: 10px; }
.kwt-pd__offerInputWrap input{ width: 100%; }
.kwt-pd__offerField{
  display: block;
  padding: 0 20px 14px;
}
.kwt-pd__offerField > span{
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgba(15,23,42,.75);
}
.kwt-pd__offerField input,
.kwt-pd__offerField textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
  box-sizing: border-box;
}
.kwt-pd__offerField input:focus,
.kwt-pd__offerField textarea:focus{
  outline: none;
  border-color: var(--kwt-primary, #4285F4);
  box-shadow: 0 0 0 3px rgba(66,133,244,.12);
}
.kwt-pd__offerErr{ padding: 0 20px 8px; margin: 0; }
.kwt-pd__offerDlgActions{
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding: 8px 20px 20px;
  border-top: 1px solid rgba(15,23,42,.06);
  margin-top: 4px;
}
.kwt-pd__offerDlgActions .button{ min-width: 0; flex: 1 1 auto; }
/* -- Report this ad modal ------------------------------ */
.kwt-pd__reportTrigger{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: 1.5px solid rgba(220,38,38,.25);
  border-radius: 8px;
  padding: 6px 12px;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  color: #DC2626;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.kwt-pd__reportTrigger:hover{ background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.45); }
.kwt-pd__reportTrigger--done{
  color: #16A34A;
  border-color: rgba(15,23,42,.12);
  cursor: default;
  opacity: .7;
}
.kwt-pd__reportOverlay{
  position: fixed;
  inset: 0;
  z-index: 12500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background: rgba(15,23,42,.52);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.kwt-pd__reportOverlay[hidden]{ display: none !important; }
.kwt-pd-report-open{ overflow: hidden; }
.kwt-pd__reportDlg{
  position: relative;
  width: 100%;
  max-width: min(560px, calc(100vw - 32px));
  max-height: min(92vh, 700px);
  overflow-y: auto;
  border-radius: 18px;
  background: #F5F7FA;
  box-shadow: 0 28px 80px rgba(15,23,42,.28);
  animation: kwtPdReportIn 0.22s cubic-bezier(0.22,1,0.36,1);
}
@keyframes kwtPdReportIn{
  from{ opacity: 0; transform: translateY(12px) scale(0.98); }
  to{   opacity: 1; transform: translateY(0)    scale(1);    }
}
.kwt-pd__reportHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid rgba(15,23,42,.07);
}
.kwt-pd__reportHead h2{
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0F172A;
  display: block;
  align-items: center;
}
.kwt-pd__reportHead h2 .ti{ color: #DC2626; }
.kwt-pd__reportClose{
  border: none;
  background: rgba(15,23,42,.06);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(15,23,42,.65);
  flex-shrink: 0;
}
.kwt-pd__reportClose:hover{ background: rgba(15,23,42,.11); }
.kwt-pd__reportSub{
  margin: 14px 20px 4px;
  font-size: 0.83rem;
  color: #16A34A;
  line-height: 1.45;
}
.kwt-pd__reportReasons{
  border: none;
  padding: 10px 20px 6px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kwt-pd__reportLegend{
  display: block;
  font-weight: 700;
  font-size: 0.82rem;
  color: rgba(15,23,42,.75);
  margin-bottom: 8px;
  padding: 0;
}
.kwt-pd__reportReason{
  display: flex;
  cursor: pointer;
}
.kwt-pd__reportReason input[type="radio"]{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.kwt-pd__reportReasonInner{
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border: 1.5px solid rgba(15,23,42,.1);
  border-radius: 10px;
  font-size: 0.84rem;
  color: rgba(15,23,42,.8);
  transition: border-color .12s, background .12s, color .12s;
}
.kwt-pd__reportReasonInner .ti{ font-size: 1rem; color: #16A34A; }
.kwt-pd__reportReason:hover .kwt-pd__reportReasonInner{
  border-color: rgba(220,38,38,.3);
  background: rgba(220,38,38,.03);
}
.kwt-pd__reportReason.is-selected .kwt-pd__reportReasonInner{
  border-color: #DC2626;
  background: rgba(220,38,38,.07);
  color: #DC2626;
  font-weight: 600;
}
.kwt-pd__reportReason.is-selected .kwt-pd__reportReasonInner .ti{ color: #DC2626; }
.kwt-pd__reportField{
  display: block;
  padding: 10px 20px 4px;
}
.kwt-pd__reportField > span{
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgba(15,23,42,.75);
}
.kwt-pd__reportField textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid rgba(15,23,42,.12);
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
  font-size: 0.85rem;
  resize: vertical;
  min-height: 72px;
}
.kwt-pd__reportField textarea:focus{
  outline: none;
  border-color: #DC2626;
  box-shadow: 0 0 0 3px rgba(220,38,38,.1);
}
.kwt-pd__reportErr{
  margin: 4px 20px 0;
  font-size: 0.8rem;
  color: #DC2626;
  font-weight: 600;
}
.kwt-pd__reportErr[hidden]{ display: none; }
.kwt-pd__reportActions{
  display: flex;
  gap: 10px;
  padding: 14px 20px 20px;
  border-top: 1px solid rgba(15,23,42,.06);
  margin-top: 12px;
}
.kwt-pd__reportActions .button{ flex: 1; justify-content: center; min-width: 0; }
/* button.danger fill style */
.button.danger{
  background: #DC2626;
  color: #F5F7FA;
  border-color: #DC2626; 
}
.button.danger:hover{ background: #DC2626; border-color: #DC2626; }
/* -- end Report modal -------------------------------- */

/* -- WA contact-seller modal additions --------------- */
.kwt-pd-wa-open{ overflow: hidden; }

/* Product card inside the WA dialog */
.kwt-pd__waCard{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 20px 4px;
  padding: 10px 12px;
  background: #fff;
  border: 1.5px solid rgba(15,23,42,.09);
  border-radius: 12px;
}
.kwt-pd__waCard__img{
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  background: #f0f0f0;
}
.kwt-pd__waCard__img[src=""]{ display: none; }
.kwt-pd__waCard__body{ flex: 1; min-width: 0; }
.kwt-pd__waCard__title{
  font-size: 0.88rem;
  font-weight: 700;
  color: #0F172A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kwt-pd__waCard__price{
  font-size: 0.82rem;
  color: #16A34A;
  font-weight: 600;
  margin-top: 3px;
}
.kwt-pd__waCard__price[hidden]{ display: none; }

/* WA textarea focus colour: green instead of red */
.kwt-pd__waDlg .kwt-pd__reportField textarea:focus{
  border-color: #16A34A;
  box-shadow: 0 0 0 3px rgba(22,163,74,.12);
}
/* WA dialog: sub-text green */
.kwt-pd__waDlg .kwt-pd__reportSub{ color: rgba(15,23,42,.55); }

/* Success panel */
.kwt-pd__waSuccess{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px 20px 28px;
  text-align: center;
}
.kwt-pd__waSuccess .ti{
  font-size: 2.6rem;
  color: #16A34A;
}
.kwt-pd__waSuccess p{
  font-size: 0.9rem;
  color: rgba(15,23,42,.75);
}

/* success button style */
.button.success{
  background: #16A34A;
  color: #fff;
  border-color: #16A34A;
}
.button.success:hover{ background: #15803d; border-color: #15803d; }
/* -- end WA contact modal ---------------------------- */

.kwt-pd__btn{
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}
.kwt-pd__btn--outline{
  background: #F5F7FA;
  color: var(--pd-red);
  border: 2px solid var(--pd-red);
}
.kwt-pd__btn--soft{
  background: var(--pd-red-soft);
  color: var(--pd-red);
}
.kwt-pd__btn--primary{
  background: var(--pd-red);
  color: #F5F7FA;
}
.kwt-pd__btn--primary:hover{ filter: brightness(0.95); }
.kwt-pd__linkBtn{
  border: 1px solid rgba(15,23,42,.1);
  background: #F5F7FA;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--pd-red);
  cursor: pointer;
}
.kwt-pd__finePrint{ font-size: 0.68rem; }
.kwt-pd__finePrint a{ color: rgba(15,23,42,.45); }
@media (max-width: 1023px){
  .kwt-pd__aside{ position: static; margin-top: 16px; }
}

/* More from this seller (sidebar list on post-details) */
.kwt-pd__more{ position: static; padding: 16px 14px 18px; }
.kwt-pd__moreHead{
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-bottom: 10px;
}
.kwt-pd__moreTitle{ font-size: 0.95rem; font-weight: 700; margin: 0; }
.kwt-pd__moreAll{
  font-size: 0.78rem; font-weight: 600; color: var(--pd-red);
  text-decoration: none;
}
.kwt-pd__moreAll:hover{ text-decoration: underline; }
.kwt-pd__moreList{
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.kwt-pd__moreItem{
  /*
  display: grid;
    .kwt-postWizard__detailsButtons{
  gap: 10px;
  */
  display: block;
  align-items: center;
  padding: 6px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  border: 0px solid rgba(15,23,42,.06);
  background: #F5F7FA;
  transition: background-color .15s ease, border-color .15s ease;
}
.kwt-pd__moreItem:hover{
   filter:opacity(.9);
}
.kwt-pd__moreThumb{
  width: 100%; max-height: 200px;
  border-radius: 10px; margin-bottom: 10px;
  overflow: hidden;
  background: rgba(15,23,42,.05);
  display: block;
}
.kwt-pd__moreThumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-pd__moreBody{ display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.kwt-pd__moreName{
  font-size: 0.75rem; font-weight: 600; line-height: 1.3;
  display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.3em * 2);
  margin-bottom: 6px;
}
.kwt-pd__morePrice{
  font-size: 0.75rem; font-weight: 600; color: var(--kwt-success);
  margin-bottom: 6px;
}

/* Similar products block under product reviews */
.kwt-pd__similarCard .kwt-pd__specHeading{ margin-bottom: 10px; }
.kwt-pd__similarList{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.kwt-pd__similarItem{
  display: block;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  overflow: hidden;
  background: #F5F7FA;
}
.kwt-pd__similarItem:hover{ filter: opacity(.92); }
.kwt-pd__similarThumb{
  display: block;
  aspect-ratio: 4 / 3;
  background: rgba(15,23,42,.05);
}
.kwt-pd__similarThumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.kwt-pd__similarBody{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 8px 10px;
}
.kwt-pd__similarName{
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.3em * 2);
}
.kwt-pd__similarPrice{
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--kwt-success);
}

@media (max-width: 1023px){
  .kwt-pd__moreList{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kwt-pd__moreThumb{ max-height: 120px; }
}
@media (min-width: 1100px){
  .kwt-pd__similarList{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Profile checklist + posting gate (lightweight) */
.kwt-profileChecklist{ margin: 0; padding: 0; list-style: none; }
.kwt-profileChecklist li{
  display: flex; align-items: flex-start; gap: 8px; font-size: 0.82rem; margin-bottom: 8px; color: rgba(15,23,42,.78);
}
.kwt-profileChecklist li:last-child{ margin-bottom: 0; }
.kwt-profileChecklist .ti{ margin-top: 2px; flex-shrink: 0; }
.kwt-profileChecklist__ok{ color: #16A34A; }
.kwt-profileChecklist__no{ color: #DC2626; }
.kwt-postGate{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:16px;
  border:1px solid rgba(66,133,244,.18);
  background:linear-gradient(135deg, #f8fafc 0%, #eef2ff 48%, #f0fdf4 100%);
  border-radius:18px;
  padding:28px 22px;
  margin:8px auto 20px;
  max-width:520px;
  width:100%;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.kwt-postGate__lead{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  max-width:100%;
  text-align:center;
}
.kwt-postGate__icon{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#4285F4;
  font-size:1.35rem;
  line-height:1;
  box-shadow:none;
}
.kwt-postGate__msg{
  margin:0;
  flex:0 1 auto;
  max-width:34ch;
  font-size:1.05rem;
  font-weight:600;
  line-height:1.5;
  color:rgba(15,23,42,.88);
  text-align:center;
}
.kwt-postGate__cta{
  margin:0 auto;
  min-height:44px;
  padding:0 18px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.kwt-postQuick.is-gated .kwt-postQuick__body{
  pointer-events:none;
  user-select:none;
  opacity:.42;
  filter:grayscale(.15);
}
.kwt-postQuick.is-gated .kwt-postQuick__body button,
.kwt-postQuick.is-gated .kwt-postQuick__body input,
.kwt-postQuick.is-gated .kwt-postQuick__body label,
.kwt-postQuick.is-gated .kwt-postQuick__body a{
  cursor:not-allowed !important;
}

/* Promote page � packages + checkout */

@media (max-width: 900px){
  .kwt-promoCommerce__acc{ grid-template-columns: 1fr; }
  .kwt-promoPkgGrid{ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; }
  .kwt-promoPkg__name{ line-height: normal; margin: 0 !important; padding: 0 !important; }
  .kwt-promoPkg__price{ font-size: 0.95rem !important;font-weight: 500 !important;}
  .kwt-promoPkg__meta{ font-size: 0.65rem !important; line-height: normal; margin: 0 !important; padding: 0 !important; color:#0F172A !important;}
  .kwt-promoPkg__desc{ margin-top: 4px; font-size: 0.60rem !important; font-weight: 400 !important; color:#0F172A !important;}
}

.kwt-promoCommerce__fieldset{ border: 0; padding: 0; margin: 0; }
.kwt-promoPkgGrid{
  display: grid; gap: 6px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.kwt-promoPkg{
  display: block; cursor: pointer; margin: 0;
  border: 1px solid rgba(15,23,42,.12); border-radius: 12px;
  background: rgba(245,247,250,.96);
  transition: border-color .15s, box-shadow .15s;
}
.kwt-promoPkg:has(input:checked){
  border-color: rgba(20,198,203,.55);
  box-shadow: 0 0 5px 3px rgba(20,198,203,.15);
  background: rgba(20,198,203,0.15);
}
.kwt-promoPkg input{ position: absolute; opacity: 0; pointer-events: none; }
.kwt-promoPkg__body{
  display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; min-height: 88px;
}
.kwt-promoPkg__name{ font-weight: 700; font-size: 0.9rem; }
.kwt-promoPkg__meta{ font-size: 0.75rem; color: rgba(15,23,42,.55); text-transform: capitalize; }
.kwt-promoPkg__price{ font-size: 1rem; font-weight: 700; color: var(--kwt-primary, #4285F4); margin-top: auto; }
.kwt-promoPkg__desc{ margin-top: 4px; line-height: 1.35; }
.kwt-promoPayGrid{ display: flex; flex-wrap: wrap; gap: 8px; }
.kwt-promoPay{
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px;
  border: 1px solid rgba(15,23,42,.12); cursor: pointer; font-size: 0.85rem;
}
.kwt-promoPay:has(input:checked){ border-color: rgba(66,133,244,.55); background: rgba(66,133,244,.06); }
.kwt-promoPay input{ accent-color: #4285F4; }
.kwt-promoCommerce__liveTotal{ font-weight: 700; font-size: 0.95rem; padding-bottom: 4px; }
.kwt-promoCommerce__instr{ font-size: 0.88rem; line-height: 1.45; }
.kwt-promoCommerce__acc{
  display: grid; grid-template-columns: minmax(100px, 140px) 1fr; gap: 4px 12px;
  font-size: 0.82rem;
}
.kwt-promoCommerce__acc dt{ color: rgba(15,23,42,.55); margin: 0; }
.kwt-promoCommerce__acc dd{ margin: 0; font-weight: 500; }

.kwt-promoPostGrid{
  display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.kwt-promoPost{
  display: block; cursor: pointer; margin: 0;
  border: 1px solid rgba(15,23,42,.12); border-radius: 12px;
  background: rgba(245,247,250,.96);
  transition: border-color .15s, box-shadow .15s;
  overflow: hidden;
}
.kwt-promoPost:has(input:checked){
  border-color: rgba(66,133,244,.55);
  background: rgba(66,133,244,.2);
  box-shadow: 0 0 0 2px rgba(66,133,244,.15);
  color:#0F172A;
}
.kwt-promoPost input{ position: absolute; opacity: 0; pointer-events: none; }
.kwt-promoPost__body{
  display: flex; flex-direction: column; align-items: stretch; min-height: 120px;
}
.kwt-promoPost__thumb{
  aspect-ratio: 4/3; background: rgba(15,23,42,.06); overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.kwt-promoPost__thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-promoPost__thumb--ph{ color: rgba(15,23,42,.25); font-size: 1.75rem; }
.kwt-promoPost__title{
  font-size: 0.8rem; font-weight: 600; line-height: 1.35;
  padding: 8px 10px 2px;
  display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.kwt-promoPost__id{ padding: 0 10px 10px; }

.kwt-promoCommerce__payPanel{
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(15,23,42,.02);
}
.kwt-promoCommerce__grandTotal{
  display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(66,133,244,.06);
}
.kwt-promoCommerce__grandLabel{ font-weight: 700; font-size: 0.95rem; }
.kwt-promoCommerce__grandValue{ font-weight: 800; font-size: 1.15rem; letter-spacing: .02em; }

/* Full-page submit loader (promote checkout + proof) */
html.kwt-promoOverlayOn{ overflow: hidden; }
.kwt-promoSubmitOverlay{
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(6px);
}
.kwt-promoSubmitOverlay__panel{
  max-width: 380px; width: 100%;
  text-align: center;
  padding: 28px 24px 32px;
  border-radius: 16px;
  background: #F5F7FA;
  box-shadow: 0 20px 50px rgba(15,23,42,.18);
}
.kwt-promoSubmitOverlay__spinner{
  width: 44px; height: 44px; margin: 0 auto 16px;
  border-radius: 50%;
  border: 3px solid rgba(66,133,244,.2);
  border-top-color: #4285F4;
  animation: kwtPromoSpin 0.75s linear infinite;
}
@keyframes kwtPromoSpin{ to { transform: rotate(360deg); } }
.kwt-promoSubmitOverlay__title{
  font-size: 1.1rem; font-weight: 700; margin: 0 0 8px; color: rgba(15,23,42,.92);
}
.kwt-promoSubmitOverlay__sub{
  font-size: 0.88rem; margin: 0; color: rgba(15,23,42,.58); line-height: 1.45;
}

/* Success / info flash */
.kwt-promoFlash{
  display: flex; gap: 14px; align-items: flex-start;
  padding: 16px 18px; border-radius: 14px;
  border: 1px solid transparent;
}
.kwt-promoFlash--success{
  background: linear-gradient(135deg, rgba(245,247,250,.95), rgba(245,247,250,.98));
  border-color: rgba(22,163,74,.35);
}
.kwt-promoFlash__icon{
  flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(22,163,74,.15); color: #16A34A; font-size: 1.35rem;
}
.kwt-promoFlash__title{ display: block; font-size: 1rem; margin-bottom: 4px; color: rgba(15,23,42,.92); }
.kwt-promoFlash__text{ font-size: 0.88rem; line-height: 1.5; color: rgba(15,23,42,.72); }

/* Order + proof card */
.kwt-promoCommerce--orderFlow .kwt-settings__header{ margin-bottom: 8px; }
.kwt-promoOrderCard{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 8px 28px rgba(15,23,42,.06);
  overflow: hidden;
}
.kwt-promoOrderCard__head{
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
  padding-bottom: 12px; margin-bottom: 12px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.kwt-promoOrderCard__eyebrow{ font-size: 0.7rem; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.45); margin: 0 0 2px; }
.kwt-promoOrderCard__title{ font-size: 1.35rem; font-weight: 800; margin: 0; letter-spacing: -0.02em; }
.kwt-promoOrderCard__amount{ text-align: right; }
.kwt-promoOrderCard__amountLabel{ display: block; font-size: 0.7rem; text-transform: uppercase; color: rgba(15,23,42,.45); }
.kwt-promoOrderCard__amount strong{ font-size: 1.2rem; color: #16A34A; }
.kwt-promoOrderCard__chips{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.kwt-chip{
  display: inline-block; padding: 4px 10px; border-radius: 999px;
  font-size: 0.72rem; font-weight: 600;
  background: rgba(15,23,42,.06); color: rgba(15,23,42,.75);
  text-transform: capitalize;
}
.kwt-promoOrderCard__payBox{
  padding: 14px 16px; border-radius: 12px;
  background: rgba(15,23,42,.03); margin-bottom: 16px;
}
.kwt-promoOrderCard__proof{ padding-top: 4px; }
.kwt-promoOrderCard__proofTitle{ font-size: 0.95rem; font-weight: 700; margin: 0 0 12px; }

/* Textareas */
textarea.form-control.kwt-promoField,
.kwt-promoCommerce textarea.form-control{
  min-height: 100px; line-height: 1.5; padding: 12px 14px; border-radius: 12px;
  resize: vertical; border: 1px solid rgba(15,23,42,.14);
  font-family: inherit; font-size: 0.9rem;
}
textarea.form-control.kwt-promoField:focus,
.kwt-promoCommerce textarea.form-control:focus{
  border-color: rgba(66,133,244,.55); outline: none;
  box-shadow: 0 0 0 3px rgba(66,133,244,.12);
}

/* File pick (receipt) */
.kwt-filePick{
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px;
  padding: 12px 14px; border-radius: 12px;
  border: 1px dashed rgba(15,23,42,.2); background: rgba(15,23,42,.02);
}
.kwt-filePick__input{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.kwt-filePick__btn{ margin: 0; cursor: pointer; }
.kwt-filePick__name{
  font-size: 0.82rem; color: rgba(15,23,42,.65); flex: 1; min-width: 120px;
  word-break: break-word;
}

/* My promotions page */
.kwt-myPromo__hero{ margin-bottom: 20px; }
.kwt-myPromo__grid{
  display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
}

@media (max-width: 768px){
  .kwt-myPromo__grid{
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}

.kwt-myPromo__card{ border-radius: 14px; }
.kwt-myPromo__cardTop{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.kwt-myPromo__id{ font-size: 0.75rem; font-weight: 700; color: rgba(15,23,42,.45); }
.kwt-myPromo__live{
  font-size: 0.72rem; font-weight: 700; padding: 3px 8px; border-radius: 999px;
  background: rgba(22,163,74,.15); color: #16A34A;
}
.kwt-myPromo__badge{
  font-size: 0.55rem; font-weight: 500; text-transform:capitalize; letter-spacing: .02em;
  padding: 0px 8px; border-radius: 32px; margin-left: auto;
  background: rgba(15,23,42,.08); color: rgba(15,23,42,.75);
}
.kwt-myPromo__badge--confirmed{ background: rgba(22,163,74,.18); color: #0F172A; }
.kwt-myPromo__badge--awaiting_proof{ background: rgba(245,158,11,.2); color: #DC2626; }
.kwt-myPromo__badge--awaiting_payment{ background: rgba(66,133,244,.15); color: #0033CC; }
.kwt-myPromo__badge--rejected, .kwt-myPromo__badge--cancelled{ background: rgba(220,38,38,.15); color: #DC2626; }
.kwt-myPromo__postTitle{ font-size: 0.80rem; font-weight: 600; margin: 0 0 10px; line-height: 1.05; }
.kwt-myPromo__postTitle a{ color: inherit; text-decoration: none; }
.kwt-myPromo__postTitle a:hover{ text-decoration: underline; }
.kwt-myPromo__meta{
  display: grid; gap: 6px 12px; grid-template-columns: 1fr 1fr;
  font-size: 0.75rem; margin: 0 0 12px;
}
.kwt-myPromo__meta dt{ margin: 0; color: rgba(15,23,42,.45); font-weight: 500; }
.kwt-myPromo__meta dd{ margin: 0; font-weight: 500; color: rgba(15,23,42,.82); }
.kwt-myPromo__actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.kwt-myPromo__empty{ text-align: center; padding: 28px 20px; }

/* Promote page � current/pending orders strip (above heading) */
.kwt-promoMyOrders{ margin: 0 0 18px; }
.kwt-promoMyOrders__head{
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  padding: 0 4px 8px;
}
.kwt-promoMyOrders__title{
  margin: 0; font-size: 0.88rem; font-weight: 700; color: rgba(15,23,42,.78);
  display: inline-flex; align-items: center; gap: 6px;
}
.kwt-promoMyOrders__title .ti{ color: #16A34A; }
.kwt-promoMyOrders__seeAll{
  font-size: 0.78rem; color: #4285F4; text-decoration: none; font-weight: 600;
  display: inline-flex; align-items: center; gap: 4px;
}
.kwt-promoMyOrders__seeAll:hover{ text-decoration: underline; }
.kwt-promoMyOrders__list{
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
}
.kwt-promoMyOrders__item{
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; border-radius: 12px;
  background: #F5F7FA; border: 1px solid rgba(15,23,42,.08);
  transition: box-shadow .15s ease, border-color .15s ease;
}
.kwt-promoMyOrders__item:hover{ box-shadow: 0 4px 12px rgba(15,23,42,.06); }
.kwt-promoMyOrders__item--live{ border-color: rgba(22,163,74,.35); background: linear-gradient(180deg, rgba(245,247,250,.35), #F5F7FA 60%); }
.kwt-promoMyOrders__item--awaiting_payment{ border-color: rgba(66,133,244,.32); }
.kwt-promoMyOrders__item--awaiting_proof{ border-color: rgba(245,158,11,.4); }
.kwt-promoMyOrders__thumb{
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 10px;
  background: rgba(15,23,42,.06); overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.kwt-promoMyOrders__thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.kwt-promoMyOrders__thumb--ph{ color: rgba(15,23,42,.32); font-size: 1.3rem; }
.kwt-promoMyOrders__body{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kwt-promoMyOrders__title2{
  font-size: 0.65rem; font-weight: 600; color: rgba(15,23,42,.9);
  text-decoration: none;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kwt-promoMyOrders__title2:hover{ color: #4285F4; }
.kwt-promoMyOrders__meta{
  font-size: 0.72rem; color: rgba(15,23,42,.5); text-transform: capitalize;
}
.kwt-promoMyOrders__badge{
  flex: 0 0 auto;
  display: inline-flex; align-items: center; gap: 1px;
  padding: 0px 8px; border-radius: 999px;
  font-size: 0.55rem; font-weight: 700; letter-spacing: .02em;
  text-transform: capitalize; white-space: nowrap;
}
.kwt-promoMyOrders__badge .ti{ font-size: 0.85rem; }
.kwt-promoMyOrders__badge--live{ background: rgba(22,163,74,1); color: #F5F7FA; }
.kwt-promoMyOrders__badge--live .ti{ animation: kwtPromoPulse 1.4s ease-in-out infinite; }
.kwt-promoMyOrders__badge--confirmed{ background: rgba(15,23,42,.12); color: #0F172A; }
.kwt-promoMyOrders__badge--awaiting_proof{ background: rgba(245,158,11,.22); color: #DC2626; }
.kwt-promoMyOrders__badge--awaiting_payment{ background: rgba(66,133,244,.16); color: #0033CC; }
.kwt-promoMyOrders__action{
  flex: 0 0 auto;
  font-size: 0.65rem; font-weight: 700; padding: 2px 8px; border-radius: 32px;
  border: 1px solid rgba(15,23,42,.12); color: rgba(15,23,42,.78);
  text-decoration: none; white-space: nowrap;
}
.kwt-promoMyOrders__action:hover{ background: rgba(15,23,42,.04); }
.kwt-promoMyOrders__action--primary{
  background: #4285F4; color: #F5F7FA; border-color: #4285F4;
}
.kwt-promoMyOrders__action--primary:hover{ background: #0033CC; color: #F5F7FA; }
@keyframes kwtPromoPulse{ 0%, 100%{ opacity: 1; } 50%{ opacity: .45; } }
@media (max-width: 560px){
  .kwt-promoMyOrders__item{ flex-wrap: wrap; }
  .kwt-promoMyOrders__body{ flex: 1 1 60%; }
  .kwt-promoMyOrders__badge{ order: 3; }
  .kwt-promoMyOrders__action{ order: 4; margin-left: auto; }
}

/* Promote � active-state badge on listing picker tiles */
.kwt-promoPost{ position: relative; }
.kwt-promoPost--has-promo .kwt-promoPost__thumb{ box-shadow: inset 0 0 0 2px rgba(22,163,74,.45); }
.kwt-promoPost__badge{
  position: absolute; top: 6px; left: 6px; z-index: 2;
  font-size: 0.6rem; font-weight: 700; padding: 3px 7px;
  border-radius: 999px; line-height: 1.15;
  letter-spacing: .02em; text-transform: capitalize;
  background: rgba(15,23,42,.85); color: #F5F7FA;
  pointer-events: none;
  box-shadow: 0 2px 6px rgba(15,23,42,.18);
  max-width: calc(100% - 12px);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.kwt-promoPost__badge--live{ background: #16A34A; }
.kwt-promoPost__badge--awaiting_payment{ background: #4285F4; }
.kwt-promoPost__badge--awaiting_proof{ background: #F59E0B; }
.kwt-promoPost__badge--confirmed{ background: #0F172A; }

.kwt-promoCheckoutCard__head{ margin-bottom: 8px; }
.kwt-promoHowItWorks ol{ padding-left: 1.1rem; }