/* Geomoveo — rock & gem shop */
:root{
  --slate:#1f2937; --slate2:#111827; --slate3:#2b3648;
  --amber:#d97706; --amber-soft:#f5b942; --copper:#b87333;
  --stone:#d6cfc2; --stone-dim:#a8a094; --paper:#f7f4ec;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--slate2);color:var(--stone);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;font-size:16.5px}
h1,h2,h3,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.2;color:#f2ede1}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
a{color:var(--amber-soft)}
/* header */
header.site{background:rgba(17,24,39,.96);border-bottom:1px solid #2e3a4e;position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{font-family:Georgia,serif;font-size:25px;letter-spacing:2px;text-decoration:none;color:#f2ede1;text-transform:uppercase}
.logo em{font-style:normal;color:var(--amber)}
nav.links a{margin-left:26px;text-decoration:none;color:var(--stone-dim);font-size:15px;letter-spacing:.4px}
nav.links a:hover,nav.links a.active{color:var(--amber-soft);border-bottom:2px solid var(--amber)}
@media(max-width:700px){nav.links a{margin-left:13px;font-size:13.5px}.logo{font-size:20px}}
/* hero */
.hero{padding:90px 0 70px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 30%,rgba(217,119,6,.12)),
  repeating-linear-gradient(178deg,#232f42 0 46px,#26334a 46px 92px,#1e2839 92px 138px);
  opacity:.9;z-index:-1}
.hero .kicker{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--amber-soft);margin-bottom:18px}
.hero h1{font-size:clamp(40px,7vw,72px);letter-spacing:-1px;margin-bottom:18px}
.hero p.lede{max-width:620px;margin:0 auto 32px;color:var(--stone-dim);font-size:19px}
/* specimen visual */
.spec{width:150px;height:120px;margin:0 auto;position:relative}
.spec .crystal{position:absolute;bottom:0;clip-path:polygon(50% 0,100% 100%,0 100%)}
.spec .c1{left:8%;width:52px;height:96px;background:linear-gradient(160deg,#e8b96a,#8a5a22)}
.spec .c2{left:36%;width:60px;height:118px;background:linear-gradient(160deg,#f5d78e,#a8742c)}
.spec .c3{left:64%;width:48px;height:84px;background:linear-gradient(160deg,#d99a4e,#6e4a1e)}
.spec.amethyst .c1{background:linear-gradient(160deg,#c9a6f2,#5b3a8c)}
.spec.amethyst .c2{background:linear-gradient(160deg,#e0c8ff,#7a4fb5)}
.spec.amethyst .c3{background:linear-gradient(160deg,#a87fd6,#4a2f75)}
.spec.quartz .c1{background:linear-gradient(160deg,#ffffff,#9fb3c8)}
.spec.quartz .c2{background:linear-gradient(160deg,#f4f8ff,#b3c3d6)}
.spec.quartz .c3{background:linear-gradient(160deg,#dfe9f2,#8a9db3)}
.spec.lab .c1{background:linear-gradient(160deg,#9fd8e8,#2e5f7e)}
.spec.lab .c2{background:linear-gradient(160deg,#c2ecf5,#3f7fa0)}
.spec.lab .c3{background:linear-gradient(160deg,#7fc3d8,#265063)}
.spec.agate .c1{background:linear-gradient(160deg,#f2b8c6,#a34a5e)}
.spec.agate .c2{background:linear-gradient(160deg,#f7d3dc,#c26a7e)}
.spec.agate .c3{background:linear-gradient(160deg,#e8a0b2,#8c3a4c)}
.spec.pyrite .c1{background:linear-gradient(160deg,#f7e08e,#8c6f1e)}
.spec.pyrite .c2{background:linear-gradient(160deg,#ffefb0,#a8842a)}
.spec.pyrite .c3{background:linear-gradient(160deg,#e8cc6a,#75591a)}
.spec.opal .c1{background:linear-gradient(160deg,#ffe9f2,#7fb3d5)}
.spec.opal .c2{background:linear-gradient(160deg,#f2fbff,#a8c8e8)}
.spec.opal .c3{background:linear-gradient(160deg,#ffd9ec,#8fb8d8)}
.spec.base{position:absolute;bottom:-8px;left:10%;right:10%;height:14px;background:#0b0f16;border-radius:50%}
/* buttons */
.btn{display:inline-block;background:var(--amber);color:#14100a;text-decoration:none;
  padding:14px 34px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:.5px;border:none;cursor:pointer}
.btn:hover{background:var(--amber-soft)}
.btn.ghost{background:none;color:var(--amber-soft);border:1px solid var(--amber)}
.btn.ghost:hover{background:rgba(217,119,6,.15)}
/* sections */
section{padding:64px 0}
.sec-head{text-align:center;margin-bottom:44px}
.sec-head h2{font-size:clamp(30px,4.5vw,44px);margin-bottom:10px}
.sec-head p{color:var(--stone-dim);max-width:600px;margin:0 auto}
.rule{width:64px;height:3px;background:var(--amber);margin:0 auto 18px}
/* grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px}
.card{background:var(--slate);border:1px solid #31405a;border-radius:14px;padding:30px 22px;text-align:center;
  transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--amber)}
.card h3{font-size:20px;margin:18px 0 4px}
.card .loc{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber-soft);margin-bottom:6px}
.card .price{font-size:19px;font-weight:700;color:#f2ede1}
.card .cat{font-size:12px;color:var(--stone-dim);letter-spacing:1px;text-transform:uppercase;margin-top:6px}
.card p.desc{font-size:14px;color:var(--stone-dim);margin-top:8px}
/* filter */
.filter{text-align:center;margin-bottom:34px}
.filter button{background:none;border:1px solid #31405a;border-radius:999px;padding:9px 22px;margin:0 6px 10px;
  font-size:14px;cursor:pointer;color:var(--stone-dim);font-family:inherit}
.filter button.on,.filter button:hover{background:var(--amber);color:#14100a;border-color:var(--amber)}
/* strip */
.strip{background:linear-gradient(135deg,#2b2118,#1f2937);border:1px solid #4a3a22;border-radius:18px;
  padding:52px 40px;text-align:center}
.strip h2{margin-bottom:14px;font-size:clamp(26px,4vw,38px)}
.strip p{color:var(--stone-dim);max-width:640px;margin:0 auto 26px}
/* two col */
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:760px){.two{grid-template-columns:1fr}}
/* shows */
.show{background:var(--slate);border:1px solid #31405a;border-radius:14px;padding:28px 30px;margin-bottom:18px;
  display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center}
@media(max-width:640px){.show{grid-template-columns:1fr}}
.show .when{background:var(--slate2);border:1px solid var(--amber);border-radius:12px;text-align:center;padding:14px 8px}
.show .when b{display:block;color:var(--amber-soft);font-size:15px;letter-spacing:2px;text-transform:uppercase}
.show .when span{font-size:26px;font-family:Georgia,serif}
.show h3{font-size:22px;margin-bottom:6px}
.show p{font-size:15px;color:var(--stone-dim)}
.tips{background:var(--slate);border-left:4px solid var(--amber);border-radius:0 12px 12px 0;padding:26px 30px;margin-top:34px}
.tips h3{margin-bottom:10px}
.tips li{margin-bottom:8px;color:var(--stone-dim);font-size:15.5px;margin-left:20px}
/* forms */
.form{background:var(--slate);border:1px solid #31405a;border-radius:16px;padding:40px;max-width:620px;margin:0 auto}
.form label{display:block;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--stone-dim);margin:18px 0 6px}
.form input,.form select,.form textarea{width:100%;padding:13px 15px;border:1px solid #31405a;border-radius:10px;
  font-size:16px;font-family:inherit;background:var(--slate2);color:var(--stone)}
.form input:focus{outline:2px solid var(--amber);border-color:var(--amber)}
.form .ok{display:none;background:#12351f;border:1px solid #2f7a45;color:#9fe0b4;border-radius:10px;padding:14px;margin-top:18px;text-align:center}
.newsline{display:flex;gap:10px;max-width:480px;margin:26px auto 0}
.newsline input{flex:1;padding:13px 18px;border:1px solid #31405a;border-radius:999px;font-size:16px;font-family:inherit;background:var(--slate2);color:var(--stone)}
.newsline .sent{color:#9fe0b4;font-weight:600;padding:13px}
/* footer */
footer.site{border-top:1px solid #2e3a4e;margin-top:40px;padding:44px 0;color:var(--stone-dim);font-size:14.5px}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot a{color:var(--stone-dim);text-decoration:none;margin-right:18px}
.foot a:hover{color:var(--amber-soft)}
.badge{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:8px}