/* ═══════════════════════════════════════
   QUICKSHOP — SHARED INNER PAGE STYLES
═══════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:       #fafaf8;
  --bg2:      #f4f3ef;
  --surface:  #ffffff;
  --surface2: #eeede8;
  --border:   #e2e1db;
  --border2:  #d4d3cc;
  --orange:   #e8521a;
  --orange2:  #f07040;
  --orange-light: rgba(232,82,26,0.08);
  --teal:     #00967a;
  --text:     #1a1917;
  --muted:    #8c8b84;
  --muted2:   #5c5b55;
  --head:     'Bebas Neue', cursive;
  --serif:    'DM Serif Display', serif;
  --body:     'DM Sans', sans-serif;
}
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--body);
  font-weight: 400;
  overflow-x: hidden;
  cursor: none;
}

/* CURSOR */
.cursor { width:10px;height:10px;background:var(--orange);border-radius:50%;position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s,height .2s;mix-blend-mode:multiply; }
.cursor-ring { width:34px;height:34px;border:1.5px solid var(--orange);border-radius:50%;position:fixed;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .25s,height .25s,opacity .2s;opacity:.35; }

/* NAV */
nav {
  position: fixed; top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 5%;
  border-bottom:1px solid var(--border);
  background:rgba(250,250,248,0.92);
  backdrop-filter:blur(20px);
}
.nav-logo { display:flex;align-items:center;gap:.6rem;text-decoration:none; }
.logo-mark { width:32px;height:32px;background:var(--orange);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0; }
.logo-text { font-family:var(--head);font-size:1.5rem;letter-spacing:.03em;color:var(--text);line-height:1; }
.logo-text span { color:var(--orange); }
.nav-links { display:flex;gap:2rem;list-style:none; }
.nav-links a { color:var(--muted2);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;position:relative; }
.nav-links a::after { content:'';position:absolute;bottom:-3px;left:0;right:0;height:1.5px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .3s; }
.nav-links a:hover { color:var(--text); }
.nav-links a:hover::after { transform:scaleX(1);transform-origin:left; }
.nav-right { display:flex;align-items:center;gap:1rem; }
.nav-btn { background:var(--orange);color:#fff;border:none;padding:.6rem 1.4rem;font-family:var(--body);font-size:.85rem;font-weight:600;cursor:none;border-radius:6px;transition:background .2s,transform .15s; }
.nav-btn:hover { background:var(--orange2);transform:translateY(-1px); }

/* PAGE HERO */
.page-hero {
  padding: 9rem 5% 5rem;
  background: var(--bg);
  position: relative;
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
.page-hero::before {
  content: '';
  position: absolute; top:0; right:0;
  width: 40%; height: 100%;
  background-image: radial-gradient(circle, rgba(232,82,26,0.08) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}
.page-hero-inner { max-width: 700px; position: relative; z-index:2; }
.page-breadcrumb { font-size:.75rem;color:var(--muted);margin-bottom:1.2rem; }
.page-breadcrumb a { color:var(--orange);text-decoration:none; }
.page-breadcrumb a:hover { text-decoration:underline; }
.page-tag { font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem; }
.page-tag::before { content:'';display:inline-block;width:18px;height:2px;background:var(--orange); }
.page-title { font-family:var(--head);font-size:clamp(3.5rem,7vw,6rem);line-height:.92;letter-spacing:.01em;margin-bottom:1.2rem;color:var(--text); }
.page-sub { font-size:1rem;color:var(--muted2);line-height:1.7;max-width:520px; }
.page-updated { margin-top:1.5rem;font-size:.78rem;color:var(--muted);padding:.5rem 1rem;background:var(--bg2);border:1px solid var(--border);border-radius:6px;display:inline-block; }

/* CONTENT */
.page-content { max-width:820px;margin:0 auto;padding:5rem 5%; }
.content-section { margin-bottom:3.5rem; }
.content-section h2 { font-family:var(--head);font-size:2rem;letter-spacing:.02em;color:var(--text);margin-bottom:.8rem; }
.content-section h3 { font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.6rem;margin-top:1.5rem; }
.content-section p { font-size:.93rem;color:var(--muted2);line-height:1.85;margin-bottom:1rem; }
.content-section ul, .content-section ol { padding-left:1.4rem;margin-bottom:1rem; }
.content-section li { font-size:.93rem;color:var(--muted2);line-height:1.85;margin-bottom:.4rem; }
.content-section a { color:var(--orange);text-decoration:none; }
.content-section a:hover { text-decoration:underline; }
.content-divider { height:1px;background:var(--border);margin:2.5rem 0; }

.info-box {
  background:var(--orange-light);
  border:1px solid rgba(232,82,26,0.2);
  border-left:3px solid var(--orange);
  border-radius:8px; padding:1.25rem 1.5rem;
  margin-bottom:1.5rem;
}
.info-box p { margin:0;color:var(--muted2); }
.info-box strong { color:var(--orange); }

.teal-box {
  background:rgba(0,150,122,0.06);
  border:1px solid rgba(0,150,122,0.2);
  border-left:3px solid var(--teal);
  border-radius:8px; padding:1.25rem 1.5rem;
  margin-bottom:1.5rem;
}
.teal-box p { margin:0;color:var(--muted2); }

/* FOOTER */
footer { background:var(--bg2);border-top:1px solid var(--border);padding:4rem 5% 2rem; }
.footer-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem; }
.footer-brand .logo-text-f { font-family:var(--head);font-size:1.6rem;color:var(--text); }
.footer-brand .logo-text-f span { color:var(--orange); }
.footer-tagline { font-size:.85rem;color:var(--muted2);line-height:1.7;margin-top:.75rem;max-width:260px; }
.footer-col h4 { font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:1.2rem; }
.footer-col a { display:block;font-size:.85rem;color:var(--muted2);text-decoration:none;margin-bottom:.65rem;transition:color .2s; }
.footer-col a:hover { color:var(--orange); }
.footer-bottom { border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem; }
.footer-bottom p { font-size:.78rem;color:var(--muted); }
.footer-domain { font-size:.78rem;color:var(--muted2);display:flex;align-items:center;gap:.4rem; }
.footer-domain span { color:var(--orange);font-weight:600; }

@media(max-width:900px){
  nav .nav-links{display:none;}
  .footer-top{grid-template-columns:1fr 1fr;}
}

/* CURSOR JS (shared) */