/* Baskibu Designer 0.23.0-dev46 — Template Studio Pro
   Product-aware, premium editable template collection. */

.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-panel-heading {
  align-items:flex-start;
  padding-bottom:10px;
}
.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-panel-heading h2 {
  font-size:22px !important;
  letter-spacing:-.035em;
}
.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-panel-heading span {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid #e7eaf0;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
}

.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-template-context {
  position:relative;
  overflow:hidden;
  padding:12px 13px !important;
  border:1px solid #e9edf3 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#fff 0%,#fafbfc 58%,#f4f7fb 100%) !important;
  box-shadow:0 7px 20px rgba(15,23,42,.045);
}
.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-template-context::after {
  content:"";
  position:absolute;
  width:78px;
  height:78px;
  right:-24px;
  top:-32px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,75,0,.13),rgba(255,75,0,0) 70%);
  pointer-events:none;
}
.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-template-context strong {
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:-.01em;
}
.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-template-context span {
  max-width:230px;
  color:#667085 !important;
  font-size:10px !important;
  line-height:1.4 !important;
}

.bbd-template-studio-pro-v46 [data-panel-content="templates"] .bbd-search-field input {
  height:40px !important;
  border-radius:12px !important;
  border-color:#dfe5ed !important;
  background:#fff !important;
  font-size:12px !important;
  box-shadow:0 2px 7px rgba(15,23,42,.025);
}

.bbd-template-pro-filters {
  display:flex;
  gap:6px;
  margin:9px 0 12px;
  padding:1px 1px 5px;
  overflow-x:auto;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.bbd-template-pro-filters::-webkit-scrollbar { display:none; }
.bbd-template-pro-filter {
  flex:0 0 auto;
  min-height:30px;
  padding:0 10px;
  border:1px solid #e3e7ed;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.bbd-template-pro-filter:hover {
  border-color:#ffc8b4;
  color:#c83c0b;
  transform:translateY(-1px);
}
.bbd-template-pro-filter[aria-pressed="true"] {
  border-color:#ffb99f;
  background:#fff4ef;
  color:#d9430b;
  box-shadow:0 4px 12px rgba(255,75,0,.09);
}

.bbd-template-studio-pro-v46 .bbd-template-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:1px 1px 12px !important;
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46 {
  position:relative;
  min-width:0;
  padding:7px 7px 10px !important;
  border:1px solid #e0e5ec !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 4px 12px rgba(15,23,42,.035);
  text-align:left;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease !important;
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46:hover,
.bbd-template-studio-pro-v46 .bbd-template-card--pro46:focus-visible {
  transform:translateY(-3px) !important;
  border-color:color-mix(in srgb,var(--bbd-card-accent,#ff4b00) 42%,#dfe5ec) !important;
  box-shadow:0 16px 32px rgba(15,23,42,.11) !important;
  outline:none;
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46.is-active,
.bbd-template-studio-pro-v46 .bbd-template-card--pro46[aria-pressed="true"] {
  border-color:var(--bbd-card-accent,#ff4b00) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--bbd-card-accent,#ff4b00) 15%,transparent),0 14px 28px rgba(15,23,42,.09) !important;
}

.bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__preview {
  position:relative;
  min-height:174px !important;
  height:174px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #e7ebf0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 16%,rgba(255,255,255,.98),rgba(248,250,252,.96) 58%,rgba(235,240,246,.98) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 13px rgba(15,23,42,.045);
  perspective:700px;
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__preview::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.0;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.52) 43%,transparent 61%);
  transform:translateX(-110%);
  transition:opacity .18s ease,transform .46s cubic-bezier(.2,.7,.2,1);
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46:hover .bbd-template-card__preview::after {
  opacity:.7;
  transform:translateX(112%);
}

.bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__svg--feather {
  position:relative;
  z-index:1;
  width:auto !important;
  max-width:82% !important;
  height:154px !important;
  max-height:154px !important;
  filter:drop-shadow(0 9px 9px rgba(15,23,42,.20));
  transform:translate3d(var(--bbd-px1,0),var(--bbd-py1,0),0) rotateX(var(--bbd-tilt-x,0deg)) rotateY(var(--bbd-tilt-y,0deg)) scale(.98) !important;
  transform-origin:center 52%;
  transition:filter .18s ease,transform .18s ease !important;
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46:hover .bbd-template-card__svg--feather {
  filter:drop-shadow(0 13px 12px rgba(15,23,42,.23));
  transform:translate3d(var(--bbd-px2,0),calc(var(--bbd-py2,0) - 2px),0) rotateX(var(--bbd-tilt-x,0deg)) rotateY(var(--bbd-tilt-y,0deg)) scale(1.025) !important;
}

.bbd-template-pro-kicker {
  position:absolute;
  z-index:5;
  left:8px;
  top:8px;
  min-height:19px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#fff;
  box-shadow:0 3px 9px rgba(15,23,42,.15);
  backdrop-filter:blur(8px);
  font-size:7px;
  font-weight:900;
  letter-spacing:.07em;
}

.bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__preview-action {
  z-index:6 !important;
  right:8px !important;
  bottom:8px !important;
  left:auto !important;
  min-height:28px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 10px !important;
  border:1px solid rgba(255,255,255,.74) !important;
  border-radius:9px !important;
  background:rgba(15,23,42,.84) !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:850 !important;
  box-shadow:0 6px 16px rgba(15,23,42,.19) !important;
  backdrop-filter:blur(8px);
  transform:translateY(4px);
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46:hover .bbd-template-card__preview-action,
.bbd-template-studio-pro-v46 .bbd-template-card--pro46:focus-visible .bbd-template-card__preview-action {
  transform:translateY(0);
}

.bbd-template-studio-pro-v46 .bbd-template-card--pro46 > strong {
  display:block;
  margin:9px 2px 2px !important;
  overflow:hidden;
  color:#111827 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  letter-spacing:-.018em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bbd-template-studio-pro-v46 .bbd-template-card--pro46 > small {
  display:block;
  min-height:27px;
  margin:0 2px !important;
  overflow:hidden;
  color:#7b8493 !important;
  font-size:8.8px !important;
  font-weight:650 !important;
  line-height:1.38 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.bbd-template-studio-pro-v46 .bbd-template-card__product-badge { display:none !important; }
.bbd-template-studio-pro-v46 .bbd-template-card.is-filter-hidden { display:none !important; }

@media (max-width:1180px) {
  .bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__preview { height:158px !important; min-height:158px !important; }
  .bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__svg--feather { height:140px !important; max-height:140px !important; }
}

@media (prefers-reduced-motion:reduce) {
  .bbd-template-studio-pro-v46 .bbd-template-card--pro46,
  .bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__svg--feather,
  .bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__preview::after { transition:none !important; }
  .bbd-template-studio-pro-v46 .bbd-template-card--pro46 .bbd-template-card__preview::after { display:none !important; }
}