/* TackleSonar R85 — storefront owner editors, exact deal-card geometry, live catalog search + mobile lock */

/* Owner controls: these are triggers now, not clipped <details> popovers. */
.ts-storefront-stage-r84 .ts-storefront-edit-trigger-r85{
  appearance:none;-webkit-appearance:none;border:0;font:inherit;cursor:pointer;
}
.ts-storefront-stage-r84 button.ts-storefront-photo-control-r83{
  position:absolute!important;left:6px!important;right:6px!important;bottom:-14px!important;z-index:15!important;
  min-height:30px!important;padding:7px 8px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:999px!important;
  background:#082c4d!important;color:#fff!important;text-align:center!important;font-size:9px!important;font-weight:900!important;line-height:1.1!important;
  box-shadow:0 7px 16px rgba(0,18,38,.18)!important;
}
.ts-storefront-stage-r84 button.ts-storefront-url-editor-r83{
  position:relative!important;width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.68)!important;border-radius:10px!important;background:rgba(4,31,55,.62)!important;color:#fff!important;
  font-size:14px!important;font-weight:900!important;box-shadow:none!important;
}
.ts-storefront-stage-r84 button.ts-storefront-edit-trigger-r85:hover{filter:brightness(1.08)}
.ts-storefront-stage-r84 button.ts-storefront-edit-trigger-r85:focus-visible{outline:3px solid #55e6f7;outline-offset:3px}

/* Native top-layer editors cannot be clipped by the hero's overflow:hidden. */
.ts-storefront-editor-r85{
  width:min(620px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));margin:auto;padding:0;border:1px solid #b9dce9;border-radius:24px;
  background:#fff;color:#082d50;box-shadow:0 34px 90px rgba(0,22,46,.36);overflow:auto;
}
.ts-storefront-editor-r85::backdrop{background:rgba(3,23,43,.64);backdrop-filter:blur(7px)}
.ts-storefront-editor-r85[open]{animation:ts-store-editor-in-r85 .16s ease-out both}
@keyframes ts-store-editor-in-r85{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.ts-storefront-editor-close-r85{
  position:absolute;right:17px;top:17px;z-index:3;width:42px;height:42px;display:grid;place-items:center;border:1px solid #c7dfe9;border-radius:50%;
  background:#eef8fc;color:#0a3157;font-size:25px;font-weight:800;line-height:1;cursor:pointer;
}
.ts-storefront-editor-head-r85{position:relative;padding:28px 64px 18px;text-align:center;background:linear-gradient(180deg,#e8faff 0,#fff 86%)}
.ts-storefront-editor-head-r85:before,.ts-storefront-editor-head-r85:after{content:"";position:absolute;left:0;right:0;height:32px;top:5px;opacity:.55;background:url('/assets/img/storefront-water-r83.svg') center/760px auto no-repeat;pointer-events:none}
.ts-storefront-editor-head-r85:after{top:14px;opacity:.22}
.ts-storefront-editor-head-r85 img{position:relative;z-index:1;width:150px;max-height:58px;object-fit:contain;margin:0 auto 14px;display:block}
.ts-storefront-editor-head-r85>span{display:block;color:#0785b6;font-size:10px;font-weight:950;letter-spacing:.17em}
.ts-storefront-editor-head-r85 h2{margin:5px 0 5px;color:#07264a;font-size:28px;line-height:1.08;letter-spacing:-.025em}
.ts-storefront-editor-head-r85 p{margin:0 auto;max-width:450px;color:#617f96;font-size:14px;line-height:1.5}
.ts-storefront-editor-form-r85{display:grid;gap:15px;padding:19px 24px 24px}
.ts-storefront-editor-form-r85 label{display:grid;gap:7px;text-align:left}
.ts-storefront-editor-form-r85 label>span{color:#123c5d;font-size:12px;font-weight:900}
.ts-storefront-editor-form-r85 label>small{color:#72899b;font-size:11px;line-height:1.4}
.ts-storefront-editor-form-r85 input[type="text"],.ts-storefront-editor-form-r85 input[type="url"],.ts-storefront-editor-form-r85 input[type="file"]{
  width:100%;min-height:48px;padding:10px 12px;border:1px solid #c5dce7;border-radius:12px;background:#fff;color:#0b3155;font:inherit;
}
.ts-storefront-editor-form-r85 input:focus{outline:3px solid rgba(24,187,234,.16);border-color:#31bde8}
.ts-storefront-editor-divider-r85{display:flex;align-items:center;gap:10px;color:#7890a1;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.ts-storefront-editor-divider-r85:before,.ts-storefront-editor-divider-r85:after{content:"";height:1px;flex:1;background:#d7e8ef}
.ts-storefront-editor-actions-r85{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}
.ts-storefront-editor-actions-r85 .btn{min-width:125px;min-height:44px}

/* Deal cards: preserve the reference card structure, but eliminate the dead image gutters seen in R84. */
.ts-storefront-stage-r84 .ts-storefront-deal-card-r83{grid-template-columns:41% minmax(0,1fr)!important;min-height:228px!important}
.ts-storefront-stage-r84 .ts-storefront-deal-media-r83{min-height:228px!important;padding:0!important;background:#fff!important}
.ts-storefront-stage-r84 .ts-storefront-deal-media-r83 img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:228px!important;padding:0!important;object-fit:contain!important;
  transform:scale(1.17);transform-origin:center center;
}
.ts-storefront-stage-r84 .ts-storefront-deal-media-r83>span{z-index:2}
.ts-storefront-stage-r84 .ts-storefront-deal-copy-r83{padding:15px 14px 13px!important}
.ts-storefront-stage-r84 .ts-storefront-deal-copy-r83 h3{margin:5px 0 4px!important}
.ts-storefront-stage-r84 .ts-storefront-deal-copy-r83>p{-webkit-line-clamp:2!important;margin-bottom:6px!important}

/* Tracked catalog search: centered and designed as a live filter, not a submit workflow. */
.ts-storefront-stage-r84 .ts-storefront-catalog-head-r85{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:12px!important}
.ts-storefront-stage-r84 .ts-storefront-catalog-head-r85 .ts-storefront-panel-title-r83{justify-items:center!important;text-align:center!important}
.ts-storefront-stage-r84 .ts-storefront-catalog-search-r85{
  width:min(760px,100%)!important;max-width:760px!important;margin:0 auto!important;display:grid!important;
  grid-template-columns:minmax(320px,1.65fr) minmax(165px,.7fr) auto!important;gap:9px!important;align-items:end!important;flex:none!important;
}
.ts-storefront-stage-r84 .ts-storefront-catalog-search-r85 label{text-align:left!important}
.ts-storefront-stage-r84 .ts-storefront-catalog-search-r85 input,.ts-storefront-stage-r84 .ts-storefront-catalog-search-r85 select{min-height:44px!important}
.ts-storefront-catalog-clear-r85{min-height:44px;padding:0 14px;border:1px solid #c3dce8;border-radius:10px;background:#fff;color:#0a3157;font-weight:900;cursor:pointer}
.ts-storefront-catalog-clear-r85:hover{background:#eef9fc}
.ts-storefront-catalog-status-r85{grid-column:1/-1;min-height:16px;color:#6c8799;font-size:11px;text-align:center}
.ts-storefront-catalog-search-r85.is-loading input,.ts-storefront-catalog-search-r85.is-loading select{opacity:.65}
.ts-storefront-sr-only-r85{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-store-catalog-results-r85].is-loading{opacity:.58;transition:opacity .14s ease}

/* Mobile/compact storefront lock. This is intentionally after the R83/R84 reference locks. */
@media(max-width:820px){
  .ts-storefront-stage-r84 .ts-storefront-deal-card-r83{grid-template-columns:1fr!important;min-height:0!important}
  .ts-storefront-stage-r84 .ts-storefront-deal-media-r83{min-height:220px!important}
  .ts-storefront-stage-r84 .ts-storefront-deal-media-r83 img{max-height:220px!important;transform:scale(1.1)}
  .ts-storefront-stage-r84 .ts-storefront-tabs-wrap-r83{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;justify-items:stretch!important}
  .ts-storefront-stage-r84 .ts-storefront-tabs-r83{grid-column:1!important;justify-self:stretch!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr 1fr!important;min-width:0!important}
  .ts-storefront-stage-r84 .ts-storefront-tabs-r83 a{min-width:0!important;padding:8px 8px!important;font-size:13px!important;white-space:nowrap!important}
  .ts-storefront-stage-r84 .ts-storefront-sort-r83{grid-column:1!important;justify-self:stretch!important;width:100%!important;max-width:100%!important;margin:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}
  .ts-storefront-stage-r84 .ts-storefront-sort-r83 select{width:100%!important;max-width:none!important;min-width:0!important}
  .ts-storefront-stage-r84 .ts-storefront-catalog-search-r85{grid-template-columns:minmax(0,1fr) minmax(145px,.55fr) auto!important;width:100%!important}
}
@media(max-width:560px){
  .ts-storefront-stage-r84,.ts-storefront-stage-r84>.ts-storefront-content-r83{max-width:100%!important;overflow-x:clip!important}
  .ts-storefront-stage-r84 .ts-storefront-r83{width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important}
  .ts-storefront-stage-r84 .ts-storefront-metrics-r83{width:100%!important;min-width:0!important}
  .ts-storefront-stage-r84 .ts-storefront-metric-r83{width:100%!important;min-width:0!important;grid-template-columns:58px minmax(0,1fr) 32px!important;padding:10px 12px!important}
  .ts-storefront-stage-r84 .ts-storefront-tabs-r83{width:100%!important;max-width:100%!important;grid-template-columns:1fr 1fr!important}
  .ts-storefront-stage-r84 .ts-storefront-tabs-r83 a{font-size:12px!important;gap:5px!important;padding-inline:5px!important}
  .ts-storefront-stage-r84 .ts-storefront-tabs-r83 b{min-width:19px!important;padding-inline:5px!important}
  .ts-storefront-stage-r84 .ts-storefront-sort-r83{display:grid!important;grid-template-columns:1fr!important;text-align:left!important;gap:5px!important}
  .ts-storefront-stage-r84 .ts-storefront-sort-r83 select{width:100%!important;max-width:100%!important;min-width:0!important}
  .ts-storefront-stage-r84 .ts-storefront-panel-r83{width:100%!important;max-width:100%!important;min-width:0!important;padding:11px!important}
  .ts-storefront-stage-r84 .ts-storefront-panel-head-r83{gap:10px!important}
  .ts-storefront-stage-r84 .ts-storefront-deal-media-r83{min-height:190px!important}
  .ts-storefront-stage-r84 .ts-storefront-deal-media-r83 img{max-height:190px!important;transform:scale(1.08)}
  .ts-storefront-stage-r84 .ts-storefront-catalog-search-r85{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:8px!important}
  .ts-storefront-catalog-clear-r85{width:100%}
  .ts-storefront-editor-r85{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:18px}
  .ts-storefront-editor-head-r85{padding:24px 48px 15px}.ts-storefront-editor-head-r85 img{width:128px}.ts-storefront-editor-head-r85 h2{font-size:24px}
  .ts-storefront-editor-form-r85{padding:15px 14px 16px}.ts-storefront-editor-actions-r85{display:grid;grid-template-columns:1fr 1fr}.ts-storefront-editor-actions-r85 .btn{min-width:0;width:100%}
}