/* SmartSearch 1.3.3 — final waiting UX, native-cover presentation and crossfades. */

#smartsearchai-root .ssa-loading{
  inset:0!important;
  display:grid!important;
  place-items:start center!important;
  align-content:start!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#f8f5f0!important;
  padding:12px 20px!important;
}
#smartsearchai-root .ssa-loading[hidden]{display:none!important}
#smartsearchai-root.ssa-waiting-active .ssa-dialog{
  overflow:hidden!important;
  -webkit-overflow-scrolling:auto!important;
}

#smartsearchai-root .ssa-loading-card{
  box-sizing:border-box!important;
  width:min(1040px,calc(100vw - 40px))!important;
  max-width:1040px!important;
  height:calc(100vh - 24px)!important;
  height:calc(100dvh - 24px)!important;
  max-height:calc(100vh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 30px 16px!important;
  gap:5px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
  background:#fcfaf5!important;
  border:1px solid var(--ssa-line)!important;
  border-radius:26px!important;
  box-shadow:0 16px 48px rgba(0,0,0,.14)!important;
}

#smartsearchai-root .ssa-loader-brand{
  min-height:110px!important;
  height:110px!important;
  flex:0 0 110px!important;
  margin:0!important;
  padding:0 0 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#smartsearchai-root .ssa-loading-art{
  display:block;
  width:min(300px,42vw)!important;
  max-width:300px!important;
  max-height:92px!important;
  height:auto!important;
}

#smartsearchai-root .ssa-loading-copy{
  width:100%;
  height:164px!important;
  min-height:164px!important;
  max-height:164px!important;
  flex:0 0 164px!important;
  box-sizing:border-box!important;
  padding-top:2px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:visible!important;
  text-align:center;
}
#smartsearchai-root .ssa-loading-card .ssa-loading-status{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#2d2824!important;
  font:700 28px/1.16 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
#smartsearchai-root .ssa-loading-message{
  min-height:46px!important;
  max-width:840px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#625f5a;
  font-size:17.5px!important;
  line-height:1.35!important;
  font-weight:400;
  text-align:center;
}
#smartsearchai-root .ssa-loading-browse-hint{
  min-height:18px!important;
  max-width:800px!important;
  margin:0;
  color:#91877e;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:500;
}
#smartsearchai-root .ssa-loading-browse-hint[hidden]{display:none!important}

#smartsearchai-root .ssa-waiting-results-ready{
  min-height:52px;
  margin:2px 0 0!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
#smartsearchai-root .ssa-waiting-results-ready[hidden]{display:none!important}
#smartsearchai-root .ssa-waiting-show-results{
  min-height:52px!important;
  border:0;
  border-radius:999px;
  background:#a73428;
  color:#fff;
  padding:14px 30px!important;
  font-size:17px!important;
  font-weight:800;
  line-height:1.1!important;
  cursor:pointer;
  box-shadow:0 9px 22px rgba(115,45,35,.20)!important;
  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}
#smartsearchai-root .ssa-waiting-show-results:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:0 11px 25px rgba(115,45,35,.24)!important;
}
#smartsearchai-root .ssa-waiting-show-results:disabled{
  opacity:.5;
  cursor:default;
  box-shadow:none!important;
}

#smartsearchai-root .ssa-waiting-catalog{
  width:100%;
  min-height:0!important;
  flex:1 1 0!important;
  display:flex;
  overflow:hidden;
}
#smartsearchai-root .ssa-waiting-catalog[hidden],
#smartsearchai-root .ssa-waiting-browse[hidden],
#smartsearchai-root .ssa-waiting-detail[hidden]{display:none!important}
#smartsearchai-root .ssa-waiting-browse{
  width:100%;
  height:100%;
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start!important;
  overflow:hidden;
}
#smartsearchai-root .ssa-waiting-stage{
  position:relative;
  width:min(920px,100%);
  height:auto;
  min-height:0!important;
  flex:1 1 0!important;
  display:flex;
  align-items:flex-start!important;
  justify-content:center;
  padding-top:2px!important;
  transition:opacity .18s ease;
}
#smartsearchai-root .ssa-waiting-stage.is-changing{opacity:.18}
#smartsearchai-root .ssa-waiting-book{
  position:relative;
  z-index:3;
  height:100%;
  max-width:84%;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
}
#smartsearchai-root .ssa-waiting-cover-shell{
  position:relative;
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#smartsearchai-root .ssa-waiting-cover-shell>img{
  display:block;
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  margin:0;
  object-fit:contain;
  object-position:center center;
  background:transparent!important;
  border-radius:5px;
  box-shadow:0 18px 42px rgba(55,36,22,.24);
}
#smartsearchai-root .ssa-waiting-badges{
  position:absolute;
  z-index:4;
  left:8px;
  top:8px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  pointer-events:none;
}
#smartsearchai-root .ssa-waiting-badge-chip{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border:1px solid rgba(171,139,91,.48);
  border-radius:999px;
  background:rgba(252,249,242,.90);
  box-shadow:0 5px 18px rgba(52,39,27,.13);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#5c4935;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
#smartsearchai-root .ssa-waiting-badge-chip[hidden]{display:none!important}
#smartsearchai-root .ssa-waiting-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #e5d7c7;
  border-radius:50%;
  background:rgba(255,253,249,.96);
  box-shadow:0 5px 18px rgba(0,0,0,.09);
  color:#241f1b;
  font-size:36px;
  line-height:1;
  cursor:pointer;
  transition:opacity .16s ease,box-shadow .16s ease,transform .16s ease;
}
#smartsearchai-root .ssa-waiting-arrow:disabled{opacity:.22;cursor:default;box-shadow:none}
#smartsearchai-root .ssa-waiting-arrow:not(:disabled):hover{transform:translateY(-50%) scale(1.04)}
#smartsearchai-root .ssa-waiting-arrow-prev{left:4%}
#smartsearchai-root .ssa-waiting-arrow-next{right:4%}

/* Book detail inside the waiting experience. */
#smartsearchai-root .ssa-waiting-detail{
  width:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  text-align:left;
}
#smartsearchai-root .ssa-waiting-back{
  align-self:flex-start;
  flex:0 0 auto;
  padding:3px 0 9px;
  border:0;
  background:transparent;
  color:#963226;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}
#smartsearchai-root .ssa-waiting-detail-scroll{
  min-height:0;
  flex:1 1 auto;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:0 8px 16px 2px;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(120,108,96,.34) transparent;
}
#smartsearchai-root .ssa-waiting-detail-scroll::-webkit-scrollbar{width:6px}
#smartsearchai-root .ssa-waiting-detail-scroll::-webkit-scrollbar-track{background:transparent}
#smartsearchai-root .ssa-waiting-detail-scroll::-webkit-scrollbar-thumb{background:rgba(120,108,96,.28);border-radius:999px}
#smartsearchai-root .ssa-waiting-detail-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
#smartsearchai-root .ssa-waiting-detail-grid{
  display:grid;
  grid-template-columns:minmax(130px,170px) minmax(0,1fr);
  align-items:start;
  gap:24px;
  width:100%;
  max-width:900px;
  margin:0 auto;
}
#smartsearchai-root .ssa-waiting-detail-media{
  min-width:0;
  position:sticky;
  top:0;
  display:flex;
  justify-content:center;
  padding:4px 0 8px;
}
#smartsearchai-root .ssa-waiting-detail-cover{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:330px;
  object-fit:contain;
  border-radius:6px;
  box-shadow:0 12px 30px rgba(55,36,22,.20);
}
#smartsearchai-root .ssa-waiting-detail-copy{min-width:0;width:100%}
#smartsearchai-root .ssa-waiting-detail-copy h3{margin:8px 0 3px;font:700 30px/1.08 Georgia,serif;color:#241f1b}
#smartsearchai-root .ssa-waiting-detail-author{margin:0 0 13px;font-size:17px;color:#7c2d25;font-weight:700}
#smartsearchai-root .ssa-waiting-detail-price-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 16px}
#smartsearchai-root .ssa-waiting-detail-price{display:inline-block;color:#241f1b;font:700 28px/1.15 Arial,Helvetica,sans-serif}
#smartsearchai-root .ssa-waiting-add-cart{border:0;border-radius:9px;background:#a73428;color:#fff;padding:13px 19px;font-size:15px;font-weight:800;cursor:pointer}
#smartsearchai-root .ssa-waiting-add-cart.is-added{background:#eee7de;color:#5b5148;cursor:default}
#smartsearchai-root .ssa-waiting-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;background:#f7f3ed;border-radius:11px;padding:15px 16px;margin:0 0 16px}
#smartsearchai-root .ssa-waiting-meta div{min-width:0}
#smartsearchai-root .ssa-waiting-meta dt{text-transform:uppercase;letter-spacing:.045em;font-size:10px;color:#8a8178;margin:0 0 4px}
#smartsearchai-root .ssa-waiting-meta dd{margin:0;font-size:14px;color:#2f2a26;overflow-wrap:anywhere}
#smartsearchai-root .ssa-waiting-description{margin:0;padding-top:2px;font-size:16px;line-height:1.72;color:#554f49;white-space:pre-line}
#smartsearchai-root .ssa-waiting-detail-loading{padding:34px 10px;color:#6b625b;text-align:center}
#smartsearchai-root .ssa-waiting-cart-error{display:block;color:#8f2d24;margin-top:6px;font-size:12px}

/* Optional catalogue failure must never leave a giant empty shell. */
#smartsearchai-root.ssa-waiting-catalog-unavailable .ssa-loading-card{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 40px)!important;
  max-height:calc(100dvh - 40px)!important;
  padding-bottom:26px!important;
}
#smartsearchai-root.ssa-waiting-catalog-unavailable .ssa-loading-browse-hint{display:none!important}

@media(max-width:860px){
  #smartsearchai-root .ssa-loading{
    padding:4px!important;
    touch-action:auto!important;
  }
  #smartsearchai-root .ssa-loading-card{
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    padding:8px 8px 10px!important;
    gap:3px!important;
    border-radius:20px!important;
  }

  /* Searching and ready share exactly the same header footprint. */
  #smartsearchai-root .ssa-loader-brand{
    min-height:82px!important;
    height:82px!important;
    flex:0 0 82px!important;
    padding:0 0 4px!important;
  }
  #smartsearchai-root .ssa-loading-art{
    width:min(300px,80vw)!important;
    max-width:300px!important;
    max-height:82px!important;
  }
  #smartsearchai-root .ssa-loading-copy{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:42px 58px 56px!important;
    row-gap:6px!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    flex:0 0 168px!important;
    padding:0!important;
    overflow:visible!important;
  }
  #smartsearchai-root .ssa-loading-card .ssa-loading-status{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    font-size:21px!important;
    line-height:1.14!important;
  }
  #smartsearchai-root .ssa-loading-message{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    width:100%!important;
    height:58px!important;
    min-height:0!important;
    max-width:96%!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15.5px!important;
    line-height:1.3!important;
  }
  #smartsearchai-root .ssa-loading-browse-hint{
    grid-column:1!important;
    grid-row:3!important;
    align-self:center!important;
    justify-self:center!important;
    box-sizing:border-box!important;
    width:min(95%,430px)!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#91877e!important;
    font-size:12.5px!important;
    line-height:1.28!important;
    text-align:center!important;
  }
  #smartsearchai-root .ssa-loading-browse-hint[hidden]{display:none!important}
  #smartsearchai-root .ssa-waiting-results-ready{
    grid-column:1!important;
    grid-row:3!important;
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #smartsearchai-root .ssa-waiting-results-ready[hidden]{display:none!important}
  #smartsearchai-root .ssa-waiting-show-results{
    height:52px!important;
    min-height:52px!important;
    padding:0 28px!important;
    border-radius:999px!important;
    font-size:16.5px!important;
    line-height:1!important;
  }

  #smartsearchai-root .ssa-waiting-catalog,
  #smartsearchai-root.ssa-waiting-results-ready-state .ssa-waiting-catalog{
    min-height:0!important;
    flex:1 1 0!important;
  }
  #smartsearchai-root .ssa-waiting-browse{
    justify-content:flex-start!important;
  }
  #smartsearchai-root .ssa-waiting-stage,
  #smartsearchai-root.ssa-waiting-results-ready-state .ssa-waiting-stage{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    flex:1 1 0!important;
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #smartsearchai-root .ssa-waiting-book{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:calc(100% - 116px)!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
  }
  #smartsearchai-root .ssa-waiting-cover-shell{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
  }
  #smartsearchai-root .ssa-waiting-cover-shell>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
  }
  #smartsearchai-root .ssa-waiting-badges{left:7px!important;top:7px!important;gap:4px!important}
  #smartsearchai-root .ssa-waiting-badge-chip{min-height:21px;font-size:8.5px;padding:4px 7px;letter-spacing:.065em}
  #smartsearchai-root .ssa-waiting-arrow{
    top:50%!important;
    transform:translateY(-50%)!important;
    width:44px!important;
    height:44px!important;
    font-size:31px!important;
  }
  #smartsearchai-root .ssa-waiting-arrow-prev{left:1.5%!important}
  #smartsearchai-root .ssa-waiting-arrow-next{right:1.5%!important}

  /* Mobile detail: only the detail pane scrolls; the fullscreen shell does not. */
  #smartsearchai-root .ssa-waiting-detail-scroll{
    padding:0 4px 18px 0!important;
    touch-action:pan-y;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  #smartsearchai-root .ssa-waiting-detail-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  #smartsearchai-root .ssa-waiting-detail-body{width:100%}
  #smartsearchai-root .ssa-waiting-detail-grid{display:block!important;width:100%!important;max-width:100%!important;margin:0!important}
  #smartsearchai-root .ssa-waiting-detail-media{position:static!important;padding:2px 0 12px!important;display:flex!important;justify-content:center!important}
  #smartsearchai-root .ssa-waiting-detail-cover{max-width:min(48vw,190px)!important;max-height:270px!important;width:auto!important;height:auto!important;border-radius:5px!important;box-shadow:0 9px 24px rgba(55,36,22,.16)!important}
  #smartsearchai-root .ssa-waiting-detail-copy h3{margin:4px 0 3px!important;font-size:23px!important;line-height:1.08!important}
  #smartsearchai-root .ssa-waiting-detail-author{margin:0 0 12px!important;font-size:15px!important;line-height:1.25!important}
  #smartsearchai-root .ssa-waiting-detail-price-row{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:9px!important;margin:0 0 13px!important}
  #smartsearchai-root .ssa-waiting-detail-price{display:block!important;font-size:25px!important;line-height:1.1!important}
  #smartsearchai-root .ssa-waiting-add-cart{display:flex!important;width:100%!important;min-height:47px!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;font-size:15px!important;line-height:1.15!important}
  #smartsearchai-root .ssa-waiting-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;margin:0 0 15px!important;padding:14px!important}
  #smartsearchai-root .ssa-waiting-description{display:block!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:2px 0 4px!important;font-size:15px!important;line-height:1.62!important;-webkit-line-clamp:unset!important}

  /* Open detail keeps the status visible, but releases the browse geometry. */
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loader-brand{
    min-height:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
    padding-bottom:2px!important;
  }
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loading-art{
    width:min(225px,62vw)!important;
    max-width:225px!important;
    max-height:59px!important;
  }
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loading-copy{
    display:flex!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    gap:3px!important;
    padding:0!important;
  }
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loading-card .ssa-loading-status{
    font-size:17px!important;
    line-height:1.15!important;
  }
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loading-message,
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loading-browse-hint{display:none!important}
  #smartsearchai-root.ssa-waiting-detail-open .ssa-waiting-results-ready{
    width:auto!important;
    min-height:46px!important;
    height:46px!important;
    margin:4px 0 2px!important;
  }
  #smartsearchai-root.ssa-waiting-detail-open .ssa-waiting-show-results{
    min-height:44px!important;
    height:44px!important;
    padding:0 20px!important;
    font-size:15px!important;
  }
  #smartsearchai-root.ssa-waiting-detail-open .ssa-waiting-back{padding-top:2px!important;padding-bottom:7px!important}

  #smartsearchai-root.ssa-waiting-catalog-unavailable .ssa-loading-card{
    height:auto!important;
    max-height:calc(100dvh - 20px)!important;
    min-height:0!important;
    padding-bottom:18px!important;
  }
}

@media(max-width:420px){
  #smartsearchai-root .ssa-waiting-book{width:calc(100% - 100px)!important}
}

@media(max-width:860px) and (max-height:620px){
  #smartsearchai-root .ssa-loading{padding:2px!important}
  #smartsearchai-root .ssa-loading-card{
    height:calc(100dvh - 4px)!important;
    max-height:calc(100dvh - 4px)!important;
    padding:5px 7px 7px!important;
    gap:2px!important;
  }
  #smartsearchai-root .ssa-loader-brand{
    min-height:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  #smartsearchai-root .ssa-loading-art{
    width:min(230px,68vw)!important;
    max-width:230px!important;
    max-height:59px!important;
  }
  #smartsearchai-root .ssa-loading-copy{
    grid-template-rows:32px 44px 44px!important;
    row-gap:3px!important;
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    flex-basis:126px!important;
  }
  #smartsearchai-root .ssa-loading-card .ssa-loading-status{font-size:17px!important}
  #smartsearchai-root .ssa-loading-message{height:44px!important;font-size:13px!important;line-height:1.25!important}
  #smartsearchai-root .ssa-loading-browse-hint,
  #smartsearchai-root .ssa-waiting-results-ready{min-height:44px!important;height:44px!important}
  #smartsearchai-root .ssa-loading-browse-hint{font-size:10.8px!important}
  #smartsearchai-root .ssa-waiting-show-results{min-height:42px!important;height:42px!important;padding:0 18px!important;font-size:14px!important}
  #smartsearchai-root .ssa-waiting-arrow{width:39px!important;height:39px!important;font-size:28px!important}
}

/* ============================================================
   1.3.3 — final customer waiting hierarchy + native-cover polish
   ============================================================ */

/* Agreed surfaces: warm outer veil, warmer paper card, transparent logo wrapper. */
#smartsearchai-root .ssa-loading{background:#f8f5f0!important}
#smartsearchai-root .ssa-loading-card{background:#fcfaf5!important}
#smartsearchai-root .ssa-loader-brand{background:transparent!important}

/* Desktop: stable header footprint with a prominent but calm browse banner. */
#smartsearchai-root .ssa-loading-copy{
  height:210px!important;
  min-height:210px!important;
  max-height:210px!important;
  flex:0 0 210px!important;
  gap:8px!important;
}
#smartsearchai-root .ssa-loading-card .ssa-loading-status,
#smartsearchai-root .ssa-loading-message,
#smartsearchai-root .ssa-loading-browse-hint{
  font-family:Georgia,'Times New Roman',serif!important;
  color:#000!important;
}
#smartsearchai-root .ssa-loading-message{
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:400!important;
}
#smartsearchai-root .ssa-loading-browse-hint{
  position:relative!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(1000px,calc(100% - 36px))!important;
  max-width:1000px!important;
  min-height:76px!important;
  height:auto!important;
  margin:12px auto 18px!important;
  padding:13px 28px 13px 78px!important;
  background:#fff8ee!important;
  border:1px solid #dfb87e!important;
  border-radius:21px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 6px 18px rgba(126,82,35,.06)!important;
  font-size:21px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
#smartsearchai-root .ssa-loading-browse-hint::before{
  content:'✦'!important;
  position:absolute!important;
  left:17px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff1d9!important;
  color:#c48327!important;
  font:400 26px/1 Georgia,'Times New Roman',serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 7px rgba(166,103,37,.08)!important;
}
#smartsearchai-root .ssa-loading-browse-hint::after{content:none!important;display:none!important}
#smartsearchai-root .ssa-loading-browse-hint[hidden]{display:none!important}
#smartsearchai-root .ssa-waiting-stage{padding-top:10px!important}

/* Smooth carousel: old cover fades away, decoded replacement fades back in. */
#smartsearchai-root .ssa-waiting-stage{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  transition:opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,transform;
}
#smartsearchai-root .ssa-waiting-stage.is-changing{
  opacity:0!important;
  transform:translateY(3px) scale(.995)!important;
}
#smartsearchai-root .ssa-waiting-badges{transition:opacity .18s ease!important}
#smartsearchai-root .ssa-waiting-stage.is-changing .ssa-waiting-badges{opacity:0!important}
#smartsearchai-root .ssa-waiting-browse{
  opacity:1;
  transform:translateY(0);
  transition:opacity .24s ease,transform .24s cubic-bezier(.22,.61,.36,1);
}
#smartsearchai-root .ssa-waiting-browse.is-entering{
  opacity:0!important;
  transform:translateY(5px)!important;
}

/* Waiting-detail loading -> content crossfade. Header/navigation stay fixed. */
#smartsearchai-root .ssa-waiting-detail-body{
  opacity:1;
  transform:translateY(0);
  transition:opacity .20s ease,transform .20s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
#smartsearchai-root .ssa-waiting-detail-body.is-fading-out{
  opacity:0!important;
  transform:translateY(-2px)!important;
}
#smartsearchai-root .ssa-waiting-detail-body.is-fading-in{
  opacity:0!important;
  transform:translateY(3px)!important;
  transition:none!important;
}

/* Use the native cover itself as the visual object in full product detail. */
#smartsearchai-root .ssa-full-cover{
  background:transparent!important;
  padding:0!important;
}
#smartsearchai-root .ssa-cover-zoom-trigger{
  width:auto!important;
  max-width:100%!important;
  display:inline-grid!important;
  background:transparent!important;
  padding:0!important;
}
#smartsearchai-root .ssa-full-cover .ssa-cover{
  display:block!important;
  width:min(300px,100%)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  background:transparent!important;
  overflow:hidden!important;
  border-radius:8px!important;
  box-shadow:0 4px 13px rgba(59,43,31,.18)!important;
}
#smartsearchai-root .ssa-full-cover .ssa-cover img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(72vh,680px)!important;
  object-fit:contain!important;
  background:transparent!important;
}
#smartsearchai-root .ssa-book .ssa-cover,
#smartsearchai-root .ssa-book .ssa-cover img{background:transparent!important}

@media(max-width:860px){
  /* Final mobile geometry: no overlap between rotating copy, banner and carousel. */
  #smartsearchai-root .ssa-loading-copy{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:42px 70px 95px!important;
    row-gap:9px!important;
    height:225px!important;
    min-height:225px!important;
    max-height:225px!important;
    flex:0 0 225px!important;
    overflow:visible!important;
  }
  #smartsearchai-root .ssa-loading-card .ssa-loading-status{
    grid-row:1!important;
    font-size:21px!important;
    line-height:1.14!important;
  }
  #smartsearchai-root .ssa-loading-message{
    grid-row:2!important;
    align-self:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:96%!important;
    margin:0 auto!important;
    padding:0 8px!important;
    font-size:16px!important;
    line-height:1.3!important;
    text-align:center!important;
  }
  #smartsearchai-root .ssa-loading-browse-hint{
    grid-row:3!important;
    align-self:center!important;
    justify-self:center!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-height:68px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:9px 12px 9px 55px!important;
    border-radius:16px!important;
    font-size:17px!important;
    line-height:1.22!important;
    text-align:center!important;
    white-space:normal!important;
  }
  #smartsearchai-root .ssa-loading-browse-hint::before{
    left:9px!important;
    width:36px!important;
    height:36px!important;
    font-size:20px!important;
  }
  #smartsearchai-root .ssa-waiting-results-ready{
    grid-row:3!important;
    height:95px!important;
    min-height:95px!important;
  }
  #smartsearchai-root .ssa-waiting-stage,
  #smartsearchai-root.ssa-waiting-results-ready-state .ssa-waiting-stage{
    padding-top:10px!important;
  }
  #smartsearchai-root .ssa-waiting-stage.is-changing{transform:translateY(2px)!important}
  #smartsearchai-root .ssa-waiting-browse.is-entering{transform:translateY(3px)!important}
  #smartsearchai-root .ssa-waiting-detail-body.is-fading-out{transform:translateY(-1px)!important}
  #smartsearchai-root .ssa-waiting-detail-body.is-fading-in{transform:translateY(2px)!important}

  #smartsearchai-root .ssa-full-cover{padding:0!important;background:transparent!important}
  #smartsearchai-root .ssa-full-cover .ssa-cover{
    width:min(270px,66vw)!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }
  #smartsearchai-root .ssa-full-cover .ssa-cover img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    background:transparent!important;
  }

  /* Detail mode intentionally compresses the waiting header; its banner is hidden. */
  #smartsearchai-root.ssa-waiting-detail-open .ssa-loading-copy{
    display:flex!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    gap:3px!important;
  }
}

@media(max-width:580px){
  #smartsearchai-root .ssa-full-cover .ssa-cover{width:min(238px,68vw)!important}
}

@media(max-width:860px) and (max-height:620px){
  #smartsearchai-root .ssa-loading-copy{
    grid-template-rows:32px 52px 72px!important;
    row-gap:8px!important;
    height:172px!important;
    min-height:172px!important;
    max-height:172px!important;
    flex-basis:172px!important;
  }
  #smartsearchai-root .ssa-loading-message{font-size:14px!important;line-height:1.25!important}
  #smartsearchai-root .ssa-loading-browse-hint{
    min-height:66px!important;
    font-size:15px!important;
    line-height:1.18!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  #smartsearchai-root .ssa-waiting-results-ready{height:72px!important;min-height:72px!important}
}

@media(prefers-reduced-motion:reduce){
  #smartsearchai-root .ssa-waiting-stage,
  #smartsearchai-root .ssa-waiting-browse,
  #smartsearchai-root .ssa-waiting-detail-body,
  #smartsearchai-root .ssa-waiting-badges{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}

/* 1.3.9: the global busy cursor must not mask controls that intentionally remain
   interactive while the AI search is still running. The waiting catalogue can be
   browsed before results are ready, so its book cover and ready arrows keep the
   normal pointer cursor even while #smartsearchai-root carries .is-busy. */
#smartsearchai-root.is-busy .ssa-waiting-book,
#smartsearchai-root.is-busy .ssa-waiting-book *,
#smartsearchai-root.is-busy .ssa-waiting-arrow:not(:disabled){cursor:pointer!important}
#smartsearchai-root.is-busy .ssa-waiting-arrow:disabled{cursor:default!important}


/* 1.3.10 — keep the native hand cursor on interactive waiting/detail controls while the search is busy. */
#smartsearchai-root.is-busy.ssa-waiting-active .ssa-waiting-catalog button:not(:disabled),
#smartsearchai-root.is-busy.ssa-waiting-active .ssa-waiting-catalog a[href],
#smartsearchai-root.is-busy.ssa-waiting-active .ssa-waiting-catalog [role="button"]{
  cursor:pointer!important;
}
#smartsearchai-root.is-busy.ssa-waiting-active .ssa-waiting-catalog button:disabled{
  cursor:default!important;
}