:root{
  --wpss-navy:#062b61;
  --wpss-navy-dark:#031d43;
  --wpss-navy-soft:#eef4fb;
  --wpss-silver:#7b8797;
  --wpss-surface:#fff;
  --wpss-muted:#6f7784;
  --wpss-line:#e1e6ec;
  --wpss-price:#b85a05;
  --wpss-shadow:0 24px 60px rgba(5,31,67,.13);
}
*{box-sizing:border-box}
.wpss-shell{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;overflow:visible}
.wpss-slider{position:relative;width:100%;height:clamp(540px,64vw,760px);overflow:hidden;background:#0d1520;isolation:isolate}
.wpss-track{position:absolute;inset:0;display:flex;transition:transform .68s cubic-bezier(.22,.61,.36,1);z-index:0}
.wpss-slide{position:relative;flex:0 0 100%;height:100%;background-image:var(--wpss-bg);background-size:cover;background-position:center;transform:scale(1.012)}
.wpss-slide--fallback{background:linear-gradient(135deg,var(--wpss-navy-dark),var(--wpss-navy))}
.wpss-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,14,33,.86) 0%,rgba(4,29,67,.64) 45%,rgba(4,29,67,.18) 100%)}
.wpss-fixed-content{position:absolute;inset:0;z-index:3;display:flex;align-items:center;pointer-events:none}
.wpss-content{width:min(1180px,calc(100% - 112px));margin:0 auto;color:#fff;pointer-events:auto}
.wpss-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.17em;font-weight:850;margin-bottom:15px;color:rgba(255,255,255,.92)}
.wpss-kicker:before{content:"";width:28px;height:3px;border-radius:99px;background:#fff}
.wpss-content h2,.wpss-results-hero h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.045em;margin:0 0 18px;font-weight:850}
.wpss-content h2{max-width:780px;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.22)}
.wpss-content p{font-size:clamp(17px,1.8vw,21px);line-height:1.55;margin:0 0 30px;max-width:690px;color:rgba(255,255,255,.9)}

/* premium search */
.wpss-search{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(820px,100%);background:#fff;border:2px solid rgba(6,43,97,.14);border-radius:22px;padding:9px 9px 9px 18px;box-shadow:0 22px 58px rgba(2,16,38,.28);color:#25272b;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.wpss-search:focus-within{border-color:rgba(6,43,97,.52);box-shadow:0 26px 68px rgba(2,16,38,.32),0 0 0 4px rgba(255,255,255,.13)}
.wpss-search-icon{display:flex;align-items:center;justify-content:center;color:var(--wpss-navy)}
.wpss-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-height:54px;font-size:16px;color:#151a22;padding:0!important;margin:0!important}
.wpss-search input::placeholder{color:#8a93a0;opacity:1}
.wpss-search button{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--wpss-navy-dark),var(--wpss-navy))!important;color:#fff!important;font-weight:850!important;min-height:54px;padding:0 24px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;box-shadow:0 10px 24px rgba(6,43,97,.19)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.wpss-search button:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(6,43,97,.26)!important;filter:brightness(1.06)}
.wpss-search-arrow{font-size:18px;line-height:1;transition:transform .2s ease}.wpss-search button:hover .wpss-search-arrow{transform:translateX(3px)}

/* live results: compact product-card style */
.wpss-suggestions{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--wpss-line);border-radius:20px;box-shadow:0 24px 62px rgba(5,31,67,.22);overflow:hidden;z-index:70;color:#17191c;max-height:440px;overflow-y:auto;padding:7px}
.wpss-suggestion{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;text-decoration:none!important;color:#17191c!important;border:1px solid transparent;border-radius:14px;background:#fff;transition:background .2s,border-color .2s,transform .2s}
.wpss-suggestion+.wpss-suggestion{margin-top:4px}.wpss-suggestion:hover{background:var(--wpss-navy-soft);border-color:rgba(6,43,97,.13);transform:translateY(-1px)}
.wpss-suggestion img{width:72px!important;height:72px!important;object-fit:cover!important;border-radius:12px!important;display:block!important;border:1px solid #e7ebf0}
.wpss-suggestion-name{font-weight:850;font-size:15px;line-height:1.32;color:#10151d;overflow-wrap:anywhere}
.wpss-suggestion-ref{font-size:12px;color:#7a8492;margin-top:5px;line-height:1.3;overflow-wrap:anywhere;font-weight:650}
.wpss-suggestion-price{font-weight:900;color:var(--wpss-price);font-size:16px;white-space:nowrap;text-align:right;padding-right:3px}
.wpss-suggestion-empty{padding:18px;color:var(--wpss-muted);background:#fff;border-radius:14px}

/* desktop slider arrows */
.wpss-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:54px;height:54px;border-radius:16px!important;border:1px solid rgba(255,255,255,.34)!important;background:rgba(3,29,67,.82)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff!important;font-size:30px!important;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.23)!important;padding:0!important;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.wpss-nav:hover{transform:translateY(-50%) scale(1.05);background:var(--wpss-navy)!important;border-color:rgba(255,255,255,.7)!important}.wpss-nav span{transform:translateY(-1px)}
.wpss-prev{left:28px}.wpss-next{right:28px}
.wpss-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px;z-index:6;padding:7px 10px;border-radius:999px;background:rgba(3,29,67,.25);backdrop-filter:blur(8px)}
.wpss-dot{width:8px;height:8px;border:0!important;border-radius:20px!important;background:rgba(255,255,255,.55)!important;padding:0!important;transition:.25s;box-shadow:none!important}.wpss-dot.is-active{width:28px;background:#fff!important}

/* results page */
.wpss-results-page{width:100%;max-width:1440px;margin:0 auto;padding:30px 20px 70px;box-sizing:border-box}
.wpss-results-hero{border-radius:28px;padding:clamp(30px,5vw,56px);background:linear-gradient(135deg,#f2f6fb,#fff);border:1px solid var(--wpss-line);margin-bottom:34px;box-shadow:0 14px 40px rgba(5,31,67,.05)}
.wpss-results-hero .wpss-kicker{color:var(--wpss-navy)}.wpss-results-hero .wpss-kicker:before{background:var(--wpss-navy)}
.wpss-results-hero h1{font-size:clamp(36px,5vw,60px);color:#10151d;margin-bottom:12px}.wpss-results-hero>p{color:var(--wpss-muted);font-size:17px;margin:0 0 24px}.wpss-search--results{border:1px solid var(--wpss-line);box-shadow:0 12px 32px rgba(5,31,67,.08)}

.wpss-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.wpss-card{background:#fff;border:1px solid var(--wpss-line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(5,31,67,.06);display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.wpss-card:hover{transform:translateY(-4px);border-color:rgba(6,43,97,.18);box-shadow:0 18px 42px rgba(5,31,67,.10)}
.wpss-card-image{display:block;position:relative;aspect-ratio:1/1;background:#f3f4f6;overflow:hidden}
.wpss-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;transition:transform .35s ease}.wpss-card:hover .wpss-card-image img{transform:scale(1.025)}
.wpss-card-arrow{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--wpss-navy);font-size:18px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.12);border:1px solid rgba(6,43,97,.08)}
.wpss-card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.wpss-card-ref{font-size:12px;font-weight:800;color:#76808f;letter-spacing:.03em;margin-bottom:8px}
.wpss-card h3{font-size:18px;line-height:1.3;margin:0 0 12px}.wpss-card h3 a{color:#111820;text-decoration:none}
.wpss-card-price{font-size:22px;font-weight:900;color:var(--wpss-price);margin-top:auto;margin-bottom:16px}.wpss-card-price del{color:#9ca3af;font-size:.8em}
.wpss-card-button{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--wpss-navy-dark),var(--wpss-navy));color:#fff!important;text-decoration:none!important;border-radius:13px;padding:14px 16px;font-weight:850;box-shadow:0 10px 22px rgba(6,43,97,.14);transition:transform .2s ease,filter .2s ease}.wpss-card-button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.wpss-empty{border:1px dashed #ccd5df;border-radius:22px;padding:42px;text-align:center;display:grid;gap:8px;color:var(--wpss-muted);background:#fbfcfe}.wpss-empty strong{color:#111820;font-size:20px}

@media(max-width:1024px){
  .wpss-slider{height:620px}.wpss-content{width:min(860px,calc(100% - 88px))}.wpss-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wpss-nav{width:50px;height:50px}.wpss-prev{left:18px}.wpss-next{right:18px}
}

@media(max-width:640px){
  .wpss-slider{height:470px!important;min-height:0!important}.wpss-slide{background-position:center center}.wpss-overlay{background:linear-gradient(0deg,rgba(3,14,33,.90) 0%,rgba(4,29,67,.62) 55%,rgba(4,29,67,.18) 100%)}
  .wpss-fixed-content{align-items:flex-end!important}.wpss-content{width:100%;padding:0 14px 42px!important;margin:0}.wpss-kicker{font-size:10px;margin-bottom:10px}.wpss-content h2{font-size:clamp(30px,8.6vw,39px)!important;line-height:1.03!important;margin-bottom:12px;max-width:94%}.wpss-content p{font-size:14px!important;line-height:1.42!important;margin-bottom:14px!important;max-width:94%}
  .wpss-search{grid-template-columns:auto minmax(0,1fr);gap:8px;border-radius:16px!important;padding:6px 8px 6px 12px!important;width:100%}.wpss-search input,.wpss-search input[type="search"],.wpss-search input[type="text"]{min-height:44px!important;font-size:16px!important;line-height:1.35!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}.wpss-search button{grid-column:1/-1;width:100%;min-height:44px!important;border-radius:12px!important}.wpss-search input:focus{transform:none!important;zoom:1!important}.wpss-search{-webkit-tap-highlight-color:transparent}
  .wpss-suggestions{top:calc(100% + 8px);border-radius:16px;max-height:310px;padding:6px}.wpss-suggestion{grid-template-columns:58px minmax(0,1fr) auto;gap:10px;padding:8px}.wpss-suggestion img{width:58px!important;height:58px!important;border-radius:10px!important}.wpss-suggestion-name{font-size:13px}.wpss-suggestion-ref{font-size:10.5px;margin-top:3px}.wpss-suggestion-price{font-size:13px;max-width:86px;overflow:hidden;text-overflow:ellipsis}
  .wpss-nav{display:none!important}.wpss-dots{display:flex!important;visibility:visible!important;opacity:1!important;z-index:20!important;bottom:12px!important}.wpss-dot{display:block!important;visibility:visible!important;opacity:1!important}
  .wpss-results-page{padding-left:12px;padding-right:12px}.wpss-results-hero{border-radius:22px;padding:26px 18px}.wpss-results-grid{grid-template-columns:1fr;gap:16px}.wpss-card{border-radius:18px}.wpss-card-body{padding:16px}
}

@media(max-width:390px){
  .wpss-slider{height:445px!important}.wpss-content{padding-left:12px!important;padding-right:12px!important;padding-bottom:38px!important}.wpss-content h2{font-size:29px!important}
  .wpss-suggestion{grid-template-columns:50px minmax(0,1fr)}.wpss-suggestion-price{grid-column:2;justify-self:start;text-align:left;max-width:none}.wpss-suggestion img{width:50px!important;height:50px!important}
}

.wpss-suggestions.is-mobile-floating{position:fixed!important;left:auto;right:auto;top:auto;bottom:auto;z-index:999999!important;margin:0!important;max-height:min(320px,48vh)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 24px 60px rgba(5,31,67,.28)!important}

/* =========================================================
   v1.5.1 — preserve slider proportions + match WPPE cards
   ========================================================= */

/* Keep the original slider dimensions. */
.wpss-slider{
  height:clamp(520px,64vw,760px)!important;
}

/* The customer requested the slider images without a dark/color overlay. */
.wpss-overlay{
  display:none!important;
  background:none!important;
}

/* Clean, compact desktop arrows without changing the slider layout. */
.wpss-nav{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.95)!important;
  color:var(--wpss-navy)!important;
  font-size:28px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.wpss-nav:hover{
  transform:translateY(-50%) scale(1.04)!important;
  background:#fff!important;
  border-color:#fff!important;
  color:var(--wpss-navy-dark)!important;
}
.wpss-prev{left:26px!important}
.wpss-next{right:26px!important}

/* Results cards intentionally mirror Woo Pro Product Experience modern cards. */
.wpss-results-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.wpss-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #e4e5e9;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 26px rgba(20,24,31,.05);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.wpss-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 46px rgba(20,24,31,.10);
  border-color:#d9dbe0;
}
.wpss-card-image{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f3f4f6;
  text-decoration:none!important;
}
.wpss-card-image img{
  display:block;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
  transition:transform .4s ease;
}
.wpss-card:hover .wpss-card-image img{transform:scale(1.025)}
.wpss-card-arrow{
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111!important;
  font-size:15px;
  font-weight:700;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.wpss-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:17px;
}
.wpss-card-ref{
  display:block;
  margin-bottom:6px;
  color:#747c88;
  font-size:11px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.wpss-card h3{
  margin:0 0 10px!important;
  color:#17181b!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:-.015em!important;
}
.wpss-card h3 a{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:inherit!important;
  text-decoration:none!important;
}
.wpss-card-price{
  margin:auto 0 15px;
  color:var(--wpss-price)!important;
  font-size:20px;
  font-weight:800;
  line-height:1.15;
}
.wpss-card-price .amount{color:inherit!important}
.wpss-card-price del{
  margin-right:5px;
  color:#7a818b!important;
  font-size:13px;
  font-weight:500;
  opacity:.7;
}
.wpss-card-price ins{
  color:var(--wpss-price)!important;
  text-decoration:none;
}
.wpss-card-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  padding:10px 13px;
  border:1px solid #171717!important;
  border-radius:11px;
  background:#171717!important;
  color:#fff!important;
  font-size:13px;
  font-weight:750;
  line-height:1;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:opacity .18s ease,transform .18s ease;
}
.wpss-card-button:hover{
  background:#171717!important;
  color:#fff!important;
  opacity:.9;
  transform:translateY(-1px);
  filter:none!important;
}

@media(max-width:1024px){
  .wpss-slider{height:620px!important}
  .wpss-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}

@media(max-width:640px){
  /* Keep the already established compact mobile slider size. */
  .wpss-slider{height:470px!important;min-height:0!important}
  .wpss-overlay{display:none!important}
  .wpss-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wpss-card{border-radius:16px}
  .wpss-card-body{padding:11px 10px 12px}
  .wpss-card-ref{font-size:9px;margin-bottom:5px}
  .wpss-card h3{font-size:13px!important;line-height:1.32!important;margin-bottom:8px!important}
  .wpss-card-price{font-size:15px;margin-bottom:11px}
  .wpss-card-button{min-height:40px;padding:9px 10px;font-size:12px}
  .wpss-card-arrow{width:32px;height:32px;right:10px;top:10px;font-size:14px}
}

@media(max-width:390px){
  .wpss-slider{height:445px!important}
  .wpss-results-grid{gap:8px}
  .wpss-card-body{padding:10px 9px 11px}
  .wpss-card h3{font-size:12px!important}
  .wpss-card-button{font-size:11px;padding:8px 9px}
}


/* =========================================================
   v1.5.2 — pro search layering + refined arrows + brand copy support
   ========================================================= */

.wpss-fixed-content,
.wpss-content,
.wpss-search{
  position:relative;
}

.wpss-fixed-content{z-index:9!important}
.wpss-content{z-index:10!important}
.wpss-search{z-index:1100!important}

/* Keep the live results above slider dots/arrows and nearby sections. */
.wpss-suggestions{
  z-index:1200!important;
  max-height:400px;
}

/* When search suggestions are open, hide slider controls so nothing overlaps. */
[data-wpss-slider].is-search-open .wpss-dots,
[data-wpss-slider].is-search-open .wpss-nav{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Refine search hero copy spacing. */
.wpss-kicker{
  letter-spacing:.16em;
}
.wpss-content h2{
  max-width:720px;
}
.wpss-content p{
  max-width:760px;
}

/* Results cards arrow should match the e-commerce card style exactly. */
.wpss-card-arrow{
  width:44px!important;
  height:44px!important;
  right:14px!important;
  top:14px!important;
  border-radius:999px!important;
  border:none!important;
  background:rgba(255,255,255,.96)!important;
  color:#111111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:21px!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  padding:0!important;
  text-decoration:none!important;
}

/* Search live results: cleaner, more professional compact list. */
.wpss-suggestions{
  border-radius:18px!important;
  padding:8px!important;
  box-shadow:0 24px 64px rgba(5,31,67,.24)!important;
}
.wpss-suggestion{
  grid-template-columns:78px minmax(0,1fr) auto;
  gap:14px;
  padding:10px 12px;
  border-radius:14px;
}
.wpss-suggestion img{
  width:78px!important;
  height:78px!important;
  border-radius:14px!important;
}
.wpss-suggestion-name{
  font-size:16px;
  line-height:1.3;
}
.wpss-suggestion-ref{
  font-size:12px;
  font-weight:700;
}
.wpss-suggestion-price{
  font-size:16px;
  align-self:center;
  padding-left:10px;
}

@media(max-width:640px){
  .wpss-suggestions{max-height:320px!important}
  .wpss-card-arrow{
    width:40px!important;
    height:40px!important;
    right:12px!important;
    top:12px!important;
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .wpss-suggestion{
    grid-template-columns:54px minmax(0,1fr);
    gap:10px;
  }
  .wpss-suggestion img{
    width:54px!important;
    height:54px!important;
    border-radius:10px!important;
  }
  .wpss-suggestion-price{
    grid-column:2;
    justify-self:start;
    padding-left:0;
    margin-top:4px;
  }
}


/* =========================================================
   v1.5.3 — restore original slider feel / remove extra bottom space
   ========================================================= */

/* Keep the same slider height, but place the content lower so there is no large empty bottom area. */
.wpss-fixed-content{
  align-items:flex-end!important;
}

.wpss-content{
  padding-bottom:56px;
}

@media(max-width:1024px){
  .wpss-content{
    padding-bottom:48px;
  }
}

@media(max-width:640px){
  .wpss-fixed-content{
    align-items:flex-end!important;
  }
  .wpss-content{
    padding-bottom:34px!important;
  }
}


/* =========================================================
   v1.5.4 — exact original slider geometry + zero bottom gap
   ========================================================= */

/* Do not let the theme add spacing around the shortcode section. */
.wpss-shell{
  display:block!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:normal;
}

/* Restore the original desktop slider dimensions and content position. */
.wpss-slider{
  display:block!important;
  height:clamp(520px,64vw,760px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

.wpss-fixed-content{
  align-items:center!important;
}

.wpss-content{
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Keep the requested clean images — no overlay. */
.wpss-overlay{
  display:none!important;
  background:none!important;
}

/* Make the slider track/slides fill every pixel of the slider. */
.wpss-track,
.wpss-slide{
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Restore the exact established tablet height. */
@media(max-width:1024px){
  .wpss-slider{
    height:620px!important;
  }
  .wpss-fixed-content{
    align-items:center!important;
  }
  .wpss-content{
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* Restore the established mobile geometry from the original plugin. */
@media(max-width:640px){
  .wpss-slider{
    height:470px!important;
    min-height:0!important;
  }
  .wpss-fixed-content{
    align-items:flex-end!important;
  }
  .wpss-content{
    width:100%!important;
    padding:0 14px 42px!important;
    margin:0!important;
  }
}

@media(max-width:390px){
  .wpss-slider{
    height:445px!important;
  }
  .wpss-content{
    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:38px!important;
  }
}


/* =========================================================
   v1.5.5 — centered-left desktop content + original mobile layout
   ========================================================= */

/* Desktop/laptop: vertically centered, positioned on the left side. */
@media (min-width:1025px){
  .wpss-fixed-content{
    align-items:center!important;
  }
  .wpss-content{
    width:min(780px,calc(100% - 96px))!important;
    margin-left:clamp(48px,7vw,138px)!important;
    margin-right:auto!important;
    padding:0!important;
  }
  .wpss-content h2{
    max-width:700px!important;
    margin-bottom:16px!important;
  }
  .wpss-content p{
    max-width:720px!important;
    margin-bottom:24px!important;
  }
  .wpss-search{
    width:min(770px,100%)!important;
  }
}

/* Tablet: keep the content centered vertically and comfortably left-aligned. */
@media (min-width:641px) and (max-width:1024px){
  .wpss-fixed-content{
    align-items:center!important;
  }
  .wpss-content{
    width:min(760px,calc(100% - 72px))!important;
    margin-left:36px!important;
    margin-right:auto!important;
    padding:0!important;
  }
  .wpss-search{
    width:min(720px,100%)!important;
  }
}

/* Mobile: restore the original compact first-version behavior. */
@media (max-width:640px){
  .wpss-slider{
    height:470px!important;
    min-height:0!important;
  }
  .wpss-fixed-content{
    align-items:flex-end!important;
  }
  .wpss-content{
    width:100%!important;
    margin:0!important;
    padding:0 14px 42px!important;
  }
  .wpss-kicker{
    font-size:10px!important;
    margin-bottom:10px!important;
  }
  .wpss-content h2{
    max-width:94%!important;
    margin-bottom:12px!important;
    font-size:clamp(30px,8.6vw,39px)!important;
    line-height:1.03!important;
  }
  .wpss-content p{
    max-width:94%!important;
    margin-bottom:14px!important;
    font-size:14px!important;
    line-height:1.42!important;
  }
  .wpss-search{
    width:100%!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:8px!important;
    padding:6px 8px 6px 12px!important;
    border-radius:16px!important;
  }
  .wpss-search input,
  .wpss-search input[type="search"],
  .wpss-search input[type="text"]{
    min-height:44px!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  .wpss-search button{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:44px!important;
    border-radius:12px!important;
  }
  .wpss-nav{
    display:none!important;
  }
  .wpss-dots{
    bottom:12px!important;
  }
}

@media (max-width:390px){
  .wpss-slider{
    height:445px!important;
  }
  .wpss-content{
    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:38px!important;
  }
  .wpss-content h2{
    font-size:29px!important;
  }
}


/* =========================================================
   v1.5.6 — true vertical center on desktop/tablet
   ========================================================= */

/* Desktop and tablet: make the whole text/search block truly centered vertically,
   while staying left-aligned. */
@media (min-width:641px){
  .wpss-fixed-content{
    align-items:stretch!important;
  }
  .wpss-content{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:100%!important;
    height:100%!important;
  }
}

@media (min-width:1025px){
  .wpss-content{
    width:min(780px,calc(100% - 96px))!important;
    margin-left:clamp(48px,7vw,138px)!important;
    margin-right:auto!important;
    padding:18px 0 0 0!important;
  }
}

@media (min-width:641px) and (max-width:1024px){
  .wpss-content{
    width:min(760px,calc(100% - 72px))!important;
    margin-left:36px!important;
    margin-right:auto!important;
    padding:10px 0 0 0!important;
  }
}

/* Mobile stays like the first compact version. */
@media (max-width:640px){
  .wpss-fixed-content{
    align-items:flex-end!important;
  }
  .wpss-content{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    padding:0 14px 42px!important;
  }
}


/* =========================================================
   v1.5.7 — exact optical centering of complete hero content
   ========================================================= */

/* The complete block (label + title + subtitle + search) is positioned at
   the true vertical center of the slider. This avoids theme/flex overrides
   and gives matching visual space above and below the content group. */
.wpss-fixed-content{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:9!important;
  pointer-events:none!important;
}

.wpss-content{
  position:absolute!important;
  top:50%!important;
  left:clamp(48px,7vw,138px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:min(780px,calc(100% - 96px))!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  pointer-events:auto!important;
}

/* Keep the search aligned inside the same centered block. */
.wpss-search{
  width:min(770px,100%)!important;
}

@media (min-width:641px) and (max-width:1024px){
  .wpss-content{
    top:50%!important;
    left:36px!important;
    transform:translateY(-50%)!important;
    width:min(760px,calc(100% - 72px))!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
  }
  .wpss-search{
    width:min(720px,100%)!important;
  }
}

/* Mobile: center the entire content group too, while preserving the compact
   first-version typography/search proportions and hidden side arrows. */
@media (max-width:640px){
  .wpss-fixed-content{
    display:block!important;
    position:absolute!important;
    inset:0!important;
  }
  .wpss-content{
    position:absolute!important;
    top:50%!important;
    left:14px!important;
    right:14px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  .wpss-kicker{
    font-size:10px!important;
    margin-bottom:10px!important;
  }
  .wpss-content h2{
    max-width:94%!important;
    margin-bottom:12px!important;
    font-size:clamp(30px,8.6vw,39px)!important;
    line-height:1.03!important;
  }
  .wpss-content p{
    max-width:94%!important;
    margin-bottom:14px!important;
    font-size:14px!important;
    line-height:1.42!important;
  }
  .wpss-search{
    width:100%!important;
  }
}

@media (max-width:390px){
  .wpss-content{
    left:12px!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
}


/* =========================================================
   v1.5.8 — consistent product-card arrow on iPhone/mobile
   Draw the arrow with CSS so iOS cannot replace it with an emoji-style icon.
   ========================================================= */
.wpss-card-arrow{
  position:absolute!important;
  display:block!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}
.wpss-card-arrow::before{
  content:"";
  position:absolute;
  width:13px;
  height:2px;
  left:50%;
  top:50%;
  background:#111!important;
  border-radius:2px;
  transform:translate(-52%,-50%) rotate(-45deg);
  transform-origin:center;
}
.wpss-card-arrow::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  left:50%;
  top:50%;
  border-top:2px solid #111!important;
  border-right:2px solid #111!important;
  transform:translate(0,-72%);
}

@media(max-width:640px){
  .wpss-card-arrow{
    width:40px!important;
    height:40px!important;
    right:12px!important;
    top:12px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.96)!important;
    border:0!important;
    box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
  }
  .wpss-card-arrow::before{
    width:12px;
  }
  .wpss-card-arrow::after{
    width:6px;
    height:6px;
  }
}


/* =========================================================
   v1.5.9 — text/code arrow, identical desktop + mobile
   No SVG, no emoji rendering.
   ========================================================= */
.wpss-card-arrow{
  position:absolute!important;
  right:14px!important;
  top:14px!important;
  width:44px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
  color:#111!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:0!important;
  font-weight:400!important;
  line-height:1!important;
  text-decoration:none!important;
  -webkit-font-smoothing:antialiased;
}

/* Force the Unicode arrow to render as TEXT rather than an iOS emoji. */
.wpss-card-arrow::before{
  content:"\2197\FE0E"!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  color:#111!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:21px!important;
  font-weight:400!important;
  line-height:1!important;
  transform:none!important;
}
.wpss-card-arrow::after{
  content:none!important;
  display:none!important;
}

@media(max-width:640px){
  .wpss-card-arrow{
    right:12px!important;
    top:12px!important;
    width:42px!important;
    height:42px!important;
  }
  .wpss-card-arrow::before{
    font-size:20px!important;
  }
}

@media(max-width:390px){
  .wpss-card-arrow{
    width:40px!important;
    height:40px!important;
    right:11px!important;
    top:11px!important;
  }
  .wpss-card-arrow::before{
    font-size:19px!important;
  }
}


/* =========================================================
   v1.6.0 — match Woo Pro Product Experience arrow exactly
   ========================================================= */

/* Desktop/tablet: same size, placement and circular treatment as the first plugin. */
.wpss-card-arrow{
  width:36px!important;
  height:36px!important;
  right:11px!important;
  top:11px!important;
  border:1px solid rgba(17,17,17,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#171717!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
}

/* Use a CSS-drawn arrow so iPhone cannot substitute an emoji glyph. */
.wpss-card-arrow{
  font-size:0!important;
}
.wpss-card-arrow::before{
  content:"";
  width:9px;
  height:9px;
  border-top:1.7px solid currentColor;
  border-right:1.7px solid currentColor;
  transform:translate(-1px,1px);
}
.wpss-card-arrow::after{
  content:"";
  position:absolute;
  width:11px;
  height:1.7px;
  background:currentColor;
  transform:rotate(-45deg) translate(0,0);
  transform-origin:center;
}

/* Mobile: exact compact dimensions from Woo Pro Product Experience. */
@media(max-width:600px){
  .wpss-card-arrow{
    width:31px!important;
    height:31px!important;
    right:8px!important;
    top:8px!important;
  }
  .wpss-card-arrow::before{
    width:8px;
    height:8px;
    border-top-width:1.5px;
    border-right-width:1.5px;
  }
  .wpss-card-arrow::after{
    width:10px;
    height:1.5px;
  }
}


/* =========================================================
   v1.6.1 — match first plugin arrow with real SVG icon
   ========================================================= */
.wpss-card-arrow{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.70)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
}
.wpss-card-arrow::before{
  content:''!important;
  display:block!important;
  width:15px!important;
  height:15px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 16L16 8' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 8h6v6' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  transform:none!important;
  border:none!important;
}
.wpss-card-arrow::after{
  content:none!important;
  display:none!important;
}
@media (max-width:768px){
  .wpss-card-arrow{
    width:30px!important;
    height:30px!important;
    right:9px!important;
    top:9px!important;
  }
  .wpss-card-arrow::before{
    width:13px!important;
    height:13px!important;
  }
}