/* Template furniture that belongs to its seller, not to gadgets.sh. */
#__framer-badge-container,
[data-framer-name="Template CTA (Delete this)"],
[data-framer-name="Stars"],
[data-framer-name="Instagram"],
[data-framer-name="Twitter"],
[data-framer-name="Dribbble"],
[data-framer-name="Credit"],
[data-framer-name="Creator Signature "] { display: none !important; }

/* Brand mark styling */
.framer-cyeb0k {
  background: #fbe154 !important;
  border-radius: 6px !important;
}
.framer-cyeb0k svg path {
  fill: #12151b !important;
}

/* Show GADGETS.SH brand mark in footer beside CATALOGUE BY */
[data-framer-name="Variant 5"]::after {
  content: "GADGETS.SH";
  font: 700 20px/1 'News Cycle', Impact, 'Arial Narrow', sans-serif;
  letter-spacing: 0.05em;
  color: #fef9ed;
  display: inline-block;
  vertical-align: middle;
  transition: color 140ms ease;
}
[data-framer-name="Variant 5"]:hover::after {
  color: #fbe154;
}

/* Simplify bottom finder: hide redundant secondary inputs */
.framer-1gq55gt,
[data-framer-name="Project Details Container"],
[data-framer-name="Policy Container"] svg {
  display: none !important;
}
.framer-10hcqi4 {
  grid-template-columns: 1fr !important;
  width: 100% !important;
}
.framer-1cgkfey {
  width: 100% !important;
}

/* Category chips & instant suggestions for bottom finder */
.gs-finder-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.gs-chip-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(254, 249, 237, 0.04);
  border: 1px solid rgba(254, 249, 237, 0.16);
  border-radius: 0;
  color: rgba(254, 249, 237, 0.75);
  font: 700 11px/1 'News Cycle', Impact, 'Arial Narrow', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 140ms ease;
}
.gs-chip-btn:hover, .gs-chip-btn.is-active {
  background: #fbe154;
  color: #151515;
  border-color: #fbe154;
}
.gs-finder-results {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: 280px;
  overflow-y: auto;
  border: 1px solid rgba(254, 249, 237, 0.16);
  background: rgba(18, 21, 27, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 0;
  padding: 0;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.gs-result-item {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px dashed rgba(254, 249, 237, 0.1);
  border-left: 2px solid transparent;
  color: #fef9ed;
  text-decoration: none;
  cursor: pointer;
  transition: all 120ms ease;
}
.gs-result-item:last-child {
  border-bottom: 0;
}
.gs-result-item:hover, .gs-result-item.is-highlighted {
  background: rgba(254, 249, 237, 0.07);
  border-left-color: #fbe154;
}
.gs-result-thumb {
  width: 46px;
  height: 46px;
  object-fit: contain;
  background: #161920;
  border-radius: 0;
  border: 1px solid rgba(254, 249, 237, 0.12);
  padding: 2px;
}
.gs-result-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.gs-result-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.gs-result-title {
  font: 700 15px/1.2 'News Cycle', Impact, 'Arial Narrow', sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gs-result-maker {
  font: 500 11px/1.2 'Inter Display', Inter, sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(254, 249, 237, 0.5);
}
.gs-result-price {
  font: 700 15px/1.2 'News Cycle', Impact, sans-serif;
  color: #fbe154;
  white-space: nowrap;
}
.gs-result-status {
  font: 600 10px/1 'Inter Display', Inter, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 6px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.65);
}
.gs-result-status.listed {
  background: rgba(28, 192, 57, 0.15);
  color: #1cc039;
  border: 1px solid rgba(28, 192, 57, 0.3);
}
.gs-result-status.preorder {
  background: rgba(251, 225, 84, 0.15);
  color: #fbe154;
  border: 1px solid rgba(251, 225, 84, 0.3);
}

/* Accordion images in Services: make pointer interactive */
[data-framer-name=" 04 Services"] img {
  cursor: pointer;
  transition: transform 180ms ease;
}
[data-framer-name=" 04 Services"] img:hover {
  transform: scale(1.04);
}

/* The review-site star beside GITHUB becomes the GitHub mark, same box, template's cream. */
.framer-ywm267 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fef9ed' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E") !important; }
/* Maker names only in the ticker: the template's invented brand marks go, text stays. */
[data-framer-name="Brand Logo Ticker"] [data-framer-component-type="SVG"],
[data-framer-name="Brand Logo Ticker"] svg { display: none !important; }
[data-framer-name="Brand Logo Ticker"] [data-framer-name^="Logo 0"]:not(:has(.framer-text)) { display: none !important; }

/* Skip link: invisible until a keyboard user reaches it. */
.gs-skip { position: fixed; left: 16px; top: -60px; z-index: 2147483600; padding: 12px 16px; background: #fbe154; color: #151515;
  font: 500 14px/1 "Inter Display", Inter, sans-serif; text-transform: uppercase; text-decoration: none; transition: top 160ms ease; }
.gs-skip:focus { top: 16px; outline: 2px solid #151515; outline-offset: 2px; }

/* Lenis (MIT), the smooth scrolling the template shipped without: its own required rules. */
html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }

/* Device photos in the foreground are swapped for their cut-outs (gadgets.js): contain them,
   float them, and let the card's own colour show instead of a white product box. */
img.gs-cut { object-fit: contain !important; filter: drop-shadow(0 14px 16px rgba(0,0,0,.45)); padding: 6%; box-sizing: border-box; }