/* BENDAGO V15 ORDER FLOW — shared styles for static GitHub Pages */
:root {
  --order-bg:#0b0e12;
  --order-panel:#111827;
  --order-panel2:#17202b;
  --order-line:rgba(255,255,255,.12);
  --order-text:#f5f7fb;
  --order-muted:#a9b3c2;
  --order-green:#22c55e;
  --order-cyan:#16d5c7;
  --order-yellow:#ffc72c;
  --order-yellow2:#f5a800;
}

.links a.nav-cta {
  color:#071014;
  background:linear-gradient(135deg,var(--order-green),#67f1a8);
  padding:10px 14px;
  border-radius:12px;
  font-weight:950;
}

.order-featured {
  margin:26px auto;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(2,6,23,.98));
  border:1px solid var(--order-line);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.order-section-head {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  margin-bottom:18px;
}
.order-section-head h2 { margin:4px 0 8px; }
.order-section-head p { max-width:760px; }
.order-eyebrow {
  color:#8ff4ed;
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.08em;
  font-weight:950;
}
.order-small-link {
  color:#8ff4ed;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
}
.featured-products {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.featured-card {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  padding:14px;
  border-radius:20px;
  background:rgba(15,23,42,.98);
  border:1px solid rgba(148,163,184,.22);
}
.featured-media {
  display:block;
  border-radius:16px;
  overflow:hidden;
  background:#020617;
  min-height:170px;
}
.featured-media img {
  width:100%;
  height:100%;
  min-height:170px;
  object-fit:cover;
  display:block;
}
.featured-body {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.featured-body h3 { font-size:1.28rem; }
.compat-line {
  color:#9ffdf2;
  font-size:.86rem;
  line-height:1.45;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(22,213,199,.09);
  border:1px solid rgba(22,213,199,.18);
}
.order-btn { margin-top:auto; min-height:44px; }

.order-body {
  margin:0;
  background:radial-gradient(circle at top left,#203043 0,#0b0e12 38%,#07090c 100%);
  color:var(--order-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.order-body a { color:inherit; }
.order-wrap { width:min(1180px,92vw); margin:auto; }
.order-header {
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(11,14,18,.88);
  border-bottom:1px solid var(--order-line);
  backdrop-filter:blur(12px);
}
.order-nav {
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.order-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:950; }
.order-logo {
  width:38px; height:38px; border-radius:14px;
  background:linear-gradient(135deg,var(--order-cyan),#ffd89b);
  display:grid; place-items:center; color:#071014; font-weight:950;
}
.order-links { display:flex; align-items:center; gap:18px; color:var(--order-muted); font-size:14px; }
.order-links a { text-decoration:none; }
.order-links .send-moto { color:#071014; background:linear-gradient(135deg,var(--order-green),#67f1a8); padding:10px 14px; border-radius:12px; font-weight:950; }
.back-link { display:inline-flex; margin:28px 0 16px; color:#8ff4ed; text-decoration:none; font-weight:900; }
.product-layout {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) 360px;
  gap:26px;
  align-items:start;
  padding-bottom:46px;
}
.product-title { font-size:clamp(32px,4vw,54px); line-height:1; margin:0 0 22px; letter-spacing:-.04em; }
.media-card,.info-card,.request-card,.next-card,.thanks-card {
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid var(--order-line);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.media-card { padding:16px; }
.main-product-img {
  width:100%; height:min(56vw,520px); object-fit:cover; object-position:center;
  border-radius:18px; display:block; background:#020617;
}
.thumb-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; }
.product-thumb {
  border:1px solid rgba(255,255,255,.16); background:#020617; border-radius:14px; padding:0; overflow:hidden; cursor:pointer;
}
.product-thumb img { width:100%; height:96px; object-fit:cover; display:block; }
.video-preview { margin-top:18px; }
.video-preview h3 { margin:0 0 10px; }
.video-preview video { width:100%; border-radius:18px; background:#000; border:1px solid var(--order-line); }
.info-card { padding:22px; position:sticky; top:88px; }
.info-card h2 { margin:0 0 10px; font-size:1.65rem; line-height:1.1; }
.info-mini { color:var(--order-muted); font-size:.92rem; margin-bottom:18px; }
.check-list { display:grid; gap:10px; margin:18px 0; }
.check-list div { color:#dbe7f5; display:flex; gap:10px; line-height:1.35; }
.check-list div::before { content:'✓'; color:var(--order-green); font-weight:950; }
.compat-box {
  color:#b8fff7; background:rgba(22,213,199,.09); border:1px solid rgba(22,213,199,.18);
  border-radius:16px; padding:13px; line-height:1.45; margin:18px 0;
}

.product-detail-panel {
  display:grid;
  gap:13px;
  margin:18px 0;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.11);
}
.product-detail-panel h3 { margin:0; font-size:1rem; letter-spacing:.04em; text-transform:uppercase; color:#8ff4ed; }
.product-detail-row { display:grid; gap:5px; }
.product-detail-row strong { color:#f5f7fb; font-size:.94rem; }
.product-detail-row p { margin:0; color:#dbe7f5; line-height:1.5; font-size:.94rem; }

.price-line { border-top:1px solid var(--order-line); padding-top:16px; margin-top:14px; }
.price-line strong { color:var(--order-green); font-size:1.45rem; }
.request-btn,.yellow-btn {
  display:flex; align-items:center; justify-content:center; gap:10px; text-decoration:none;
  width:100%; border:0; cursor:pointer; min-height:52px; border-radius:14px;
  background:linear-gradient(135deg,var(--order-yellow),var(--order-yellow2));
  color:#111827; font-weight:950; font-size:1rem; margin-top:14px;
}
.secondary-btn {
  display:flex; align-items:center; justify-content:center; text-decoration:none;
  width:100%; min-height:48px; border-radius:14px; margin-top:10px;
  border:1px solid rgba(255,255,255,.18); color:#dbe7f5; font-weight:900;
}
.trust-list { display:grid; gap:10px; margin-top:18px; color:var(--order-muted); font-size:.92rem; }
.request-layout { display:grid; grid-template-columns:minmax(0,1fr); padding-bottom:44px; }
.request-card { padding:24px; }
.request-top { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-bottom:22px; }
.request-product-mini { display:flex; align-items:center; gap:12px; min-width:280px; justify-content:flex-end; }
.request-product-mini img { width:86px; height:70px; object-fit:cover; border-radius:12px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.field { display:grid; gap:6px; }
.field.full { grid-column:1/-1; }
.field label { color:#dbe7f5; font-weight:850; font-size:.92rem; }
.field input,.field textarea,.field select {
  width:100%; min-height:46px; border-radius:12px; border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.42); color:var(--order-text); padding:12px 13px; font:inherit;
}
.field textarea { min-height:110px; resize:vertical; }
.form-note { margin:16px 0; padding:13px; border-radius:16px; border:1px solid rgba(22,213,199,.18); background:rgba(22,213,199,.08); color:#b8fff7; }
.status-box { display:none; margin-top:14px; padding:13px; border-radius:14px; }
.status-box.show { display:block; }
.status-box.ok { background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.3); color:#d7ffe5; }
.status-box.err { background:rgba(248,113,113,.12); border:1px solid rgba(248,113,113,.3); color:#ffe1e1; }
.next-card { margin-top:22px; padding:22px; }
.next-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:16px; }
.two-step-flow { grid-template-columns:repeat(2, minmax(0,1fr)); max-width:760px; }
.next-step { padding:16px; border-radius:16px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.10); }
.next-step strong { display:block; margin-bottom:6px; }
.order-footer { border-top:1px solid var(--order-line); padding:24px 0; color:var(--order-muted); font-size:14px; }
.thanks-card { max-width:820px; margin:70px auto; padding:34px; text-align:left; }
.thanks-card h1 { margin:0 0 14px; font-size:clamp(34px,5vw,58px); line-height:1; }
.summary-box { margin-top:22px; padding:18px; border-radius:18px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.10); }

@media (max-width:1000px){
  .featured-card{grid-template-columns:1fr}.product-layout{grid-template-columns:1fr}.info-card{position:relative;top:auto}.next-grid{grid-template-columns:repeat(2,1fr)}.two-step-flow{grid-template-columns:repeat(2,1fr);max-width:none}
}
@media (max-width:760px){
  .order-section-head{display:block}.featured-products{grid-template-columns:1fr}.order-links{display:none}.request-top{display:block}.request-product-mini{justify-content:flex-start;margin-top:16px}.form-grid{grid-template-columns:1fr}.next-grid{grid-template-columns:1fr}.main-product-img{height:360px}.product-thumb img{height:76px}
}



/* BENDAGO anti-copy friction layer: reduces casual image/title copying; not a DRM system. */
img, .featured-thumb, .featured-media, .main-product-img, .product-thumb img, .build-card img {
  -webkit-user-drag: none;
  user-drag: none;
}
img, .featured-thumb, .main-product-img, .product-thumb img, .build-card img {
  -webkit-touch-callout: none;
}
body {
  -webkit-user-select: none;
  user-select: none;
}
input, textarea, button, a {
  -webkit-user-select: auto;
  user-select: auto;
}
.featured-card h3, .featured-card p, .featured-price, .build-parts a, .product-title, .info-card h2, .info-card p {
  -webkit-user-select: none;
  user-select: none;
}

/* BENDAGO gallery anti-copy hardening — product pages */
.media-card,
.thumb-row,
.product-thumb,
.main-product-img,
.product-thumb img,
.preview-placeholder img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.main-product-img,
.product-thumb img,
.preview-placeholder img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

.product-thumb {
  cursor: pointer;
}

/* Keep request/order actions usable */
.buy-btn,
.request-btn,
.yellow-btn,
.secondary-btn,
.order-links a,
.order-brand,
.send-moto {
  pointer-events: auto;
}

/* BENDAGO V23.22 — gallery right-click hardening */
.media-card {
  position: relative !important;
}

/* Transparent shield over the large product image area.
   It prevents "Save image as" from targeting the main gallery image. */
.media-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(100% - 112px);
  z-index: 8;
  background: transparent;
  pointer-events: auto;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* Keep thumbnails and buttons usable above/around the shield */
.thumb-row,
.product-thumb,
.buy-btn,
.secondary-btn,
.order-links,
.order-brand,
.send-moto {
  position: relative !important;
  z-index: 10 !important;
}

/* Make right-click / long-press target the button/container, not the image file */
.main-product-img,
.product-thumb img,
.media-card img,
.preview-placeholder img {
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-drag: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* Reduce text scraping from product pages without blocking form inputs */
.product-title,
.info-card h2,
.info-card p,
.check-list,
.price-line,
.trust-list,
.product-thumb,
.media-card {
  -webkit-user-select: none !important;
  user-select: none !important;
}

input, textarea, select, button, a {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}


/* BENDAGO V24 — global anti-copy + clean 16:9 product video display */
.media-card,
.media-stage,
.video-preview,
.video-shell,
.preview-placeholder,
.featured-media,
.featured-thumb,
.product-thumb,
.product-thumb img,
.main-product-img,
.main-product-video,
.build-showcase-video,
.build-showcase-video video {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.media-card img,
.media-card video,
.media-stage img,
.media-stage video,
.video-preview video,
.video-shell video,
.preview-placeholder img,
.featured-media img,
.featured-thumb,
.product-thumb img,
.main-product-img,
.main-product-video {
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

/* Product videos: keep controls usable but force a clean 16:9 display box. */
.video-preview video,
.video-shell video,
.main-product-video {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #05070b !important;
  border-radius: 18px !important;
}

.video-shell {
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #05070b !important;
}

/* Do not block functional controls. */
.product-thumb,
button,
a,
input,
textarea,
select,
video[controls] {
  pointer-events: auto !important;
}